.contact-page{width:100%;min-height:100vh;font-family:var(--font-mono);padding-block:1.5rem;position:relative;overflow:hidden}.contact-container{max-width:600px;margin-inline:auto;padding-inline:1rem}.browser-card{border:2px solid var(--border);background-color:var(--background);width:100%;max-width:56rem;box-shadow:var(--shadow);border-radius:.75rem;margin-inline:auto;overflow:hidden}.browser-card-content{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.tabs-container{width:100%}.tabs-list{grid-template-columns:repeat(2,1fr);width:100%;min-width:0;display:grid}.tab-icon{width:1rem;height:1rem}@media (max-width:400px){.browser-card-content{padding:1rem}.tabs-list{gap:.25rem}.tab-trigger{gap:.375rem;padding-inline:.5rem;font-size:.8125rem;line-height:1.2}.tab-icon{flex-shrink:0;width:.8125rem;height:.8125rem}}@media (max-width:360px){.tab-trigger{gap:.25rem;padding-inline:.375rem;font-size:.8rem}.tab-icon{width:.75rem;height:.75rem}}.tab-content{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.form-grid{gap:2rem;display:grid}.intro-content{flex-direction:column;gap:1rem;display:flex}.page-title{font-family:var(--font-mono);font-size:1.5rem}.intro-text{font-family:var(--font-sans);padding-top:.5rem;font-size:.875rem}.intro-list{font-family:var(--font-sans);padding-left:.5rem;font-size:1rem;list-style-type:disc;list-style-position:inside}.intro-list li{margin-block:.25rem}.discord-card{background-color:var(--background);border:2px solid var(--color-discord-500);border-radius:.5rem;padding:1rem}.discord-card-content{text-transform:lowercase;flex-direction:column;align-items:center;gap:1rem;display:flex}.discord-header{align-items:center;gap:.75rem;display:flex}.discord-logo{aspect-ratio:1;background-color:var(--color-discord-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;min-width:3.5rem;height:3.5rem;min-height:3.5rem;padding:.5rem;display:flex}.discord-logo-img{filter:brightness(0)invert();width:100%;height:100%}.discord-text{font-family:var(--font-mono);color:var(--foreground);font-size:1.5rem}.discord-button{background-color:var(--color-discord-500);border-color:var(--color-discord-700);font-family:var(--font-mono);font-size:1.25rem}.discord-button:hover{background-color:var(--color-discord-700)}.discord-link{color:var(--color-offwhite)!important;text-decoration:none!important}.discord-link:hover{color:var(--color-offwhite)!important}.form-card{padding-top:2rem;padding-bottom:2rem;position:relative}.loading-overlay{background-color:oklch(from var(--background)lch/.5);z-index:10;border-radius:var(--radius-base);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-loading{opacity:.5;pointer-events:none}.form{flex-direction:column;gap:1rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}.form-label{font-family:var(--font-mono);font-size:1.25rem}.required-asterisk{vertical-align:top;font-size:.875rem}.required-asterisk-celadon{color:var(--color-celadon-500)}.required-asterisk-coral{color:var(--color-coral-500)}.form-input,.form-textarea{font-family:var(--font-mono);font-size:1rem}.form-textarea{min-height:120px}.input-celadon:focus-visible{border-color:var(--color-celadon-500)}.input-coral:focus-visible{border-color:var(--color-coral-500)}.input-error{border-color:var(--color-red-500)}.radio-group{flex-wrap:wrap;gap:1rem;display:flex}.radio-item{align-items:center;gap:.5rem;display:flex}.radio-input{font-family:var(--font-mono);font-size:1rem}.radio-label{font-family:var(--font-mono);cursor:pointer;font-size:1rem}.error-message{color:var(--color-red-500);font-family:var(--font-mono);font-size:1rem;font-weight:500}.form-actions{justify-content:center;padding-top:.5rem;display:flex}.submit-button{font-family:var(--font-mono);font-size:1.25rem}.submit-button-celadon{background-color:var(--color-celadon-500);border-color:var(--color-celadon-700)}.submit-button-celadon:hover{background-color:var(--color-celadon-700)}.submit-button-coral{background-color:var(--color-coral-500);border-color:var(--color-coral-700)}.submit-button-coral:hover{background-color:var(--color-coral-700)}.toast-success-celadon{font-family:var(--font-mono);color:var(--foreground);background-color:var(--color-celadon-500);font-size:1rem}.toast-success-coral{font-family:var(--font-mono);color:var(--main-foreground);background-color:var(--color-coral-500);font-size:1rem}@media (min-width:640px){.contact-page{padding-block:3rem}.form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.contact-container{max-width:72rem}.form-grid{grid-template-columns:repeat(2,1fr)}.intro-content{height:100%}}