[data-theme=dark] .contact-page{--card-bg:#ffffff08;--card-border:#ffffff0f;--card-active-bg:#4a7c6f1a;--card-active-border:#4a7c6f59;--icon-bg:#4a7c6f1f;--icon-active-bg:#4a7c6f38;--input-focus:#4a7c6f80;--form-bg:#ffffff05;--form-border:#ffffff0f}[data-theme=light] .contact-page{--card-bg:#00000005;--card-border:#00000012;--card-active-bg:#4a7c6f12;--card-active-border:#4a7c6f47;--icon-bg:#4a7c6f1a;--icon-active-bg:#4a7c6f2e;--input-focus:#4a7c6f66;--form-bg:#00000004;--form-border:#00000012}.contact-page .page-wrap{max-width:680px;margin:0 auto;padding:120px 48px 100px}.contact-page .page-header{margin-bottom:56px}.contact-page .page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--sage-light);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:10px;font-weight:500}.contact-page .page-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:.96}.contact-page .page-sub{color:var(--text-secondary);max-width:480px;font-size:16px;font-weight:300;line-height:1.72}.contact-page .topic-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600}.contact-page .topic-grid{flex-direction:column;gap:2px;display:flex}.contact-page .topic-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:flex-start;gap:16px;padding:16px 18px;transition:background .18s,border-color .18s;display:flex}.contact-page .topic-card:hover,.contact-page .topic-card.active{background:var(--card-active-bg);border-color:var(--card-active-border)}.contact-page .topic-icon{background:var(--icon-bg);width:32px;height:32px;color:var(--sage-light);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:background .18s;display:flex}.contact-page .topic-card.active .topic-icon{background:var(--icon-active-bg)}.contact-page .topic-body{flex:1}.contact-page .topic-title{color:var(--text-primary);margin-bottom:3px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.contact-page .topic-desc{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.55}.contact-page .topic-check{opacity:0;color:var(--sage-light);flex-shrink:0;margin-top:2px;transition:opacity .18s}.contact-page .topic-card.active .topic-check{opacity:1}.contact-page .form-wrap{opacity:0;max-height:0;margin-top:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .28s,margin .42s;overflow:hidden}.contact-page .form-wrap.open{opacity:1;max-height:620px;margin-top:12px}.contact-page .form-panel{background:var(--form-bg);border:1px solid var(--form-border);border-radius:12px;padding:24px 24px 20px}.contact-page .form-topic-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sage-light);align-items:center;gap:10px;margin-bottom:18px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;display:flex}.contact-page .form-topic-label:after{content:"";background:var(--form-border);flex:1;height:1px}.contact-page .form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.contact-page .form-field{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.contact-page .form-field:last-of-type{margin-bottom:0}.contact-page .form-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:10px;font-weight:500}.contact-page .form-field input,.contact-page .form-field textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;transition:border-color .18s,box-shadow .18s}.contact-page .form-field input::placeholder,.contact-page .form-field textarea::placeholder{color:var(--text-muted)}.contact-page .form-field input:focus,.contact-page .form-field textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #4a7c6f1a}.contact-page .form-field textarea{resize:none;min-height:100px;line-height:1.6}.contact-page .form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.contact-page .form-note{color:var(--text-muted);font-size:11px;font-weight:300;line-height:1.5}.contact-page .btn-submit{color:#fff;background:var(--sage);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;height:40px;padding:0 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:background .18s,opacity .18s}.contact-page .btn-submit:hover{background:#3d6b5f}.contact-page .btn-submit:disabled{opacity:.5;cursor:default}.contact-page .form-error{color:#e05555;margin-top:10px;font-size:12px;font-weight:300;display:none}.contact-page .form-error.show{display:block}.contact-page .success-wrap{background:var(--card-active-bg);border:1px solid var(--card-active-border);border-radius:12px;align-items:center;gap:14px;margin-top:12px;padding:20px 24px;display:none}.contact-page .success-wrap.show{display:flex}.contact-page .success-icon{width:36px;height:36px;color:var(--sage-light);background:#4a7c6f2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-page .success-title{color:var(--text-primary);margin-bottom:3px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.contact-page .success-desc{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.55}.contact-page .response-note{color:var(--text-muted);border-top:1px solid var(--border);margin-top:40px;padding-top:28px;font-size:13px;font-weight:300;line-height:1.7}.contact-page .response-note a{color:var(--sage-light);text-decoration:none}.contact-page .response-note a:hover{text-decoration:underline}@media (max-width:760px){.contact-page .page-wrap{padding:96px 24px 72px}.contact-page .form-row{grid-template-columns:1fr}.contact-page .form-footer{flex-direction:column;align-items:flex-start}.contact-page .btn-submit{justify-content:center;align-items:center;width:100%;display:flex}}
