.contact-page{position:relative}.contact-page:before{content:"";z-index:0;pointer-events:none;background:var(--gradient-hero-bg);position:fixed;inset:0}.contact-page>*{z-index:1;position:relative}.contact-page .contact-section{padding:clamp(72px, 10vw, 120px) var(--px)}.contact-page .contact-section-inner{gap:clamp(40px,6vw,64px);max-width:1100px;margin:0 auto;display:grid}@media (min-width:900px){.contact-page .contact-section-inner{grid-template-columns:minmax(260px,1fr) minmax(320px,1.1fr);align-items:start}}.contact-page .contact-channels{flex-direction:column;gap:16px;display:flex}.contact-page .contact-channel-card{border:1px solid var(--color-border-faint);background:#ffffff05;border-radius:16px;padding:24px}.contact-page .contact-channel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:500}.contact-page .contact-channel-value{color:var(--color-accent-light);margin-top:10px;font-size:1.0625rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.contact-page a.contact-channel-value:hover{color:var(--color-text-primary)}.contact-page .contact-channel-desc{color:var(--color-text-tertiary);margin:10px 0 0;font-size:.875rem;line-height:1.65}.contact-page .contact-form{border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);background:#0f0f1199;border-radius:20px;flex-direction:column;gap:20px;padding:clamp(24px,4vw,32px);display:flex;overflow:visible}.contact-page .contact-field{width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-subtle);background:#ffffff08;border-radius:12px;outline:none;padding:14px 16px;font-size:.9375rem}.contact-page .contact-field::placeholder{color:var(--color-text-disabled)}.contact-page .contact-field-textarea{resize:vertical;min-height:140px}.contact-page .contact-topic-select{position:relative}.contact-page .contact-topic-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-page .contact-topic-chevron{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s,color .2s}.contact-page .contact-topic-chevron.is-open{color:var(--color-accent-light);transform:rotate(180deg)}.contact-page .contact-topic-menu{z-index:30;background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 48px #00000073}.contact-page .contact-topic-option{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 14px;font-size:.9375rem;transition:background .15s,color .15s}.contact-page .contact-topic-option:hover,.contact-page .contact-topic-option.is-selected{color:var(--color-text-primary);background:#2b7fff1f}.contact-page .contact-form-grid{gap:20px;display:grid}@media (min-width:640px){.contact-page .contact-form-grid{grid-template-columns:1fr 1fr}}.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus,.contact-page .contact-topic-trigger:focus-visible{border-color:#5a9fff73;box-shadow:0 0 0 3px #2b7fff1f}.contact-page .contact-form-submit{align-self:flex-start;margin-top:4px}.contact-page #contact-form{scroll-margin-top:80px}.contact-page .contact-form-status{border:1px solid var(--color-border-subtle);border-radius:12px;padding:16px 18px}.contact-page .contact-form-status-success{background:#2b7fff14;border-color:#2b7fff33;transition:opacity 1s}.contact-page .contact-form-status-success.is-fading{opacity:0}.contact-page .contact-form-status-error{background:#ef444414;border-color:#ef444433}.contact-page .contact-form-status-title{color:var(--color-text-primary);margin:0 0 6px;font-size:.9375rem;font-weight:500}.contact-page .contact-form-status-body{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.7}