.contact-page{--contact-border:#e4e8ef;--contact-border-focus:#c8d0de;--contact-muted:#667085;--contact-success:#3d7a5f;--contact-success-soft:#eef7f2;--contact-error:#b42318;--contact-error-soft:#fbf1f0;position:relative;isolation:isolate;width:100%;max-width:440px;margin:0 auto;padding:72px 20px 96px}.contact-page:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 -48px auto;height:220px;background:radial-gradient(ellipse 280px 160px at 50% 0,#f3f7ff 0,transparent 100%)}.contact-intro h1{margin:0;font-size:clamp(32px,4.2vw,40px);font-weight:650;line-height:1.15;letter-spacing:-1.2px;color:var(--text-primary)}.contact-intro>p{margin:12px 0 0;max-width:36ch;color:var(--contact-muted);font-size:15.5px;line-height:1.6}.contact-form{position:relative;margin-top:36px;display:flex;flex-direction:column;gap:22px}.contact-field-group{display:flex;flex-direction:column;gap:8px}.contact-label{font-size:13.5px;font-weight:600;letter-spacing:-.1px;color:var(--text-primary)}.contact-input,.contact-textarea{width:100%;border:1px solid var(--contact-border);border-radius:14px;background:#fff;color:var(--text-primary);font-size:15px;line-height:1.5;outline:none;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.contact-input{height:46px;padding:0 15px}.contact-textarea{min-height:148px;padding:13px 15px;resize:vertical}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--text-placeholder)}.contact-input:hover:not(:disabled),.contact-textarea:hover:not(:disabled){border-color:#d5dbe6}.contact-input:focus,.contact-textarea:focus{border-color:var(--contact-border-focus);box-shadow:0 0 0 3px rgb(15 23 42/4%)}.contact-input:disabled,.contact-textarea:disabled{opacity:.72;cursor:not-allowed}.contact-input--readonly{background:#f7f8fa;color:var(--text-primary);cursor:default}.contact-input--readonly:focus{border-color:var(--contact-border);box-shadow:none}.contact-submit{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;margin-top:2px;padding:0 22px;border:none;border-radius:999px;background:var(--brand-blue);color:#fff;font-size:14.5px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:background-color .16s ease,transform .16s ease,opacity .16s ease}.contact-submit:hover:not(:disabled){background:var(--brand-blue-hover)}.contact-submit:active:not(:disabled){transform:translateY(1px)}.contact-submit:disabled{cursor:not-allowed;opacity:.7}.contact-status{display:inline-flex;align-items:center;gap:8px;margin:2px 0 0;padding:8px 12px;border-radius:999px;font-size:13.5px;font-weight:550;line-height:1.3;letter-spacing:-.1px;width:fit-content;max-width:100%}.contact-status svg{flex-shrink:0}.contact-status--success{color:var(--contact-success);background:var(--contact-success-soft)}.contact-status--error{color:var(--contact-error);background:var(--contact-error-soft)}.contact-status--enter{animation:contact-status-in .28s ease both}@keyframes contact-status-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.contact-status--enter{animation:none}.contact-submit:active:not(:disabled){transform:none}}@media (max-width:640px){.contact-page{padding:56px 16px 80px}.contact-status,.contact-submit{width:100%}}