.contact-page{background:var(--color-page-bg);width:100%;max-width:none;margin:0;padding:0}.contact-page-inner{width:100%;min-height:calc(100vh - var(--header-h));gap:1.25rem;padding:2.4rem 1.25rem 2rem;display:grid}.contact-hero{text-align:center;max-width:860px;margin:0 auto -.5rem}.contact-hero__badge{border:1px solid var(--color-border);background:var(--color-surface);width:fit-content;min-height:26px;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.42rem;margin:0 auto .9rem;padding:0 .72rem;font-size:.6875rem;font-weight:800;display:inline-flex}.contact-hero__dot{background:var(--color-accent);border-radius:9999px;width:7px;height:7px;animation:1.8s infinite contact-pulse}.contact-title{color:var(--color-text);letter-spacing:-.04em;margin:0 0 .65rem;font-size:clamp(2rem,4.3vw,3rem);font-weight:800;line-height:1.04}.contact-title span{color:var(--color-muted)}.contact-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1rem;width:min(100%,1560px);margin:0 auto;display:grid}.contact-form-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;position:relative;overflow:hidden}.contact-form-card__accent{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 16%, transparent), var(--color-accent), color-mix(in srgb, var(--color-accent) 16%, transparent));width:100%;height:2px}.contact-form-card__head{border-bottom:1px solid var(--color-border);padding:1rem 1rem .9rem}.contact-form-card__head h2{color:var(--color-text);margin:0 0 .2rem;font-size:1rem;font-weight:500}.contact-form-card__head p{color:var(--color-muted);margin:0;font-size:.8125rem}.contact-form{gap:.9rem;padding:1rem;display:grid}.contact-form-row--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.contact-form-group{gap:.38rem;display:grid}.contact-form-group label{color:var(--color-text);font-size:.8rem;font-weight:700}.contact-input{border:1px solid var(--color-border);background:var(--color-input);width:100%;color:var(--color-text);border-radius:12px;padding:.72rem .84rem;font-size:.94rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.contact-input::placeholder{color:var(--color-muted)}.contact-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 24%, transparent);outline:none}.contact-input:disabled{opacity:.72;cursor:not-allowed}.contact-textarea{resize:vertical;min-height:120px}.contact-counter{color:var(--color-muted);text-align:right;margin:0;font-size:.6875rem;font-weight:600}.contact-message{border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.45rem;margin:0;padding:.72rem .82rem;font-size:.8125rem;display:inline-flex}.contact-message--error{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 90%, transparent)}.contact-message--success{color:#86efac;background:color-mix(in srgb, #22c55e 12%, var(--color-surface));border-color:color-mix(in srgb, #22c55e 35%, var(--color-border))}.contact-submit{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.48rem;width:100%;min-height:44px;padding:0 1rem;font-size:.92rem;font-weight:700;transition:transform .16s,box-shadow .2s,opacity .2s;display:inline-flex}.contact-submit:hover:not(:disabled){box-shadow:0 10px 24px color-mix(in srgb, var(--color-accent) 28%, transparent)}.contact-submit:active:not(:disabled){transform:scale(.99)}.contact-submit:disabled{opacity:.82;cursor:not-allowed}.contact-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:9999px;width:15px;height:15px;animation:.8s linear infinite contact-spin}.contact-side{gap:1rem;display:grid}.contact-side-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;padding:.9rem}.contact-side-card--secondary{background:color-mix(in srgb, var(--color-surface) 82%, var(--color-bg))}.contact-side-card__eyebrow{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .65rem;font-size:.625rem;font-weight:800}.contact-side-link{color:var(--color-text);border-radius:12px;align-items:center;gap:.65rem;padding:.3rem .2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.contact-side-link+.contact-side-link{margin-top:.28rem}.contact-side-link:hover{color:var(--color-accent)}.contact-side-link__icon{border:1px solid var(--color-border);background:var(--color-input);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.contact-side-inline{align-items:flex-start;gap:.65rem;display:flex}.contact-side-inline h3{color:var(--color-text);margin:0 0 .2rem;font-size:.875rem;font-weight:700}.contact-side-inline p{color:var(--color-muted);margin:0;font-size:.8125rem;line-height:1.45}.contact-faq{gap:.42rem;display:grid}.contact-faq-item{border:1px solid var(--color-border);background:var(--color-input);border-radius:12px;overflow:hidden}.contact-faq-button{width:100%;min-height:42px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .72rem;font-size:.83rem;font-weight:700;display:inline-flex}.contact-faq-chevron{flex-shrink:0;transition:transform .2s}.contact-faq-item.is-open .contact-faq-chevron{transform:rotate(180deg)}.contact-faq-panel{max-height:0;transition:max-height .26s;overflow:hidden}.contact-faq-item.is-open .contact-faq-panel{max-height:220px}.contact-faq-panel p{color:var(--color-muted);margin:0;padding:0 .72rem .72rem;font-size:.8125rem;line-height:1.5}@keyframes contact-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 38%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}}@keyframes contact-spin{to{transform:rotate(1turn)}}@media (max-width:1023px){.contact-layout{grid-template-columns:1fr}}@media (max-width:639px){.contact-page-inner{min-height:auto;padding:1.4rem .8rem}.contact-hero{margin-bottom:2rem}.contact-form-row--two{grid-template-columns:1fr}}