.contact-page{--contact-ink:#292334;--contact-muted:#81778a;--contact-accent:#8972a2;--contact-border:#e7e1ed;--contact-surface:#fffefd;--contact-field:#fcfbfd;--contact-soft:#f1edf7;max-width:1180px;color:var(--contact-ink);margin-inline:auto;padding:70px 24px 90px}.contact-hero{text-align:center;max-width:680px;margin-inline:auto}.contact-hero h1{letter-spacing:-.05em;font-size:clamp(38px,5vw,65px);font-weight:500;line-height:1.1}.contact-hero h1>span{color:var(--contact-accent)}.contact-hero>p{max-width:465px;color:var(--contact-muted);margin:22px auto 0;font-size:14px;line-height:1.95}.contact-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:65px;max-width:1050px;margin:52px auto 0;display:grid}.contact-help{grid-area:1/1;min-width:0;padding-top:15px}.contact-help>h2{letter-spacing:-.04em;font-size:30px;font-weight:500;line-height:1.2}.contact-help>h2>span{color:var(--contact-accent)}.contact-help>p{max-width:275px;color:var(--contact-muted);margin-top:17px;font-size:12px;line-height:1.9}.contact-help-links{margin-top:29px}.contact-help-links>section{border-top:1px solid var(--contact-border);gap:15px;padding-block:25px;display:flex}.contact-help-icon{border:1px solid var(--contact-border);background:var(--contact-soft);width:39px;height:39px;color:var(--contact-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.contact-help-links h3{letter-spacing:-.015em;font-size:13px;font-weight:500;line-height:1.7}.contact-help-links p{color:var(--contact-muted);margin-top:7px;font-size:11px;line-height:1.9}.contact-help-links a{color:var(--contact-accent);text-underline-offset:4px;align-items:center;gap:7px;margin-top:11px;font-size:10px;font-weight:500;display:inline-flex}.contact-help-links a:hover{text-decoration:underline}.contact-form-panel{border:1px solid var(--contact-border);background:var(--contact-surface);border-radius:22px;grid-area:1/2;min-width:0;padding:32px;position:relative;box-shadow:0 14px 36px -28px #59436d22}.contact-form-panel>h2{letter-spacing:-.035em;font-size:25px;font-weight:500;line-height:1.3}.contact-form-description{color:var(--contact-muted);margin-top:11px;font-size:12px;line-height:1.9}.contact-form-fields{flex-direction:column;gap:23px;margin-top:28px;display:flex}.contact-name-email{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-field{min-width:0;color:var(--contact-ink);flex-direction:column;gap:10px;font-size:11px;font-weight:500;display:flex}.contact-input{border:1px solid var(--contact-border);width:100%;min-width:0;height:48px;color:var(--contact-ink);background:var(--contact-field);border-radius:11px;padding:0 14px;font-size:12px;font-weight:400;transition:border-color .18s,background-color .18s,box-shadow .18s}.contact-input::placeholder{color:#b0a4ba}.contact-input:hover:not(:disabled){border-color:#c8bad5}.contact-input:focus-visible{background:var(--contact-surface);border-color:#a18ab9;outline:none;box-shadow:0 0 0 3px #967aaf12}.contact-input:disabled{opacity:.6;cursor:wait}.contact-select-wrap{display:block;position:relative}.contact-select-wrap select{appearance:none;cursor:pointer;padding-right:42px}.contact-select-wrap>svg{color:var(--contact-accent);pointer-events:none;position:absolute;top:17px;right:15px}.contact-message-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.contact-message-count{color:var(--contact-muted);font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:9px;font-weight:400}.contact-message{resize:vertical;min-height:160px;padding:14px;line-height:1.9}.contact-field-hint{color:var(--contact-muted);margin-top:-12px;font-size:10px;line-height:1.7}.contact-error{color:#a54860;background:#fff3f6;border:1px solid #ebcbd3;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.8}.contact-form-actions{justify-content:flex-end;padding-top:3px;display:flex}.contact-form-actions .public-button{min-width:164px}.contact-success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:535px;padding:44px 36px;display:flex}.contact-success-icon{color:#7a916b;background:#f1f6ed;border:1px solid #dfe8d8;border-radius:19px;place-items:center;width:62px;height:62px;margin-bottom:26px;display:grid}.contact-success>h2{letter-spacing:-.04em;font-size:31px}.contact-success>p{max-width:370px;color:var(--contact-muted);margin-top:16px;font-size:13px;line-height:1.95}.contact-success-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.contact-success-faq{color:var(--contact-accent);text-underline-offset:4px;align-items:center;gap:7px;margin-top:28px;font-size:11px;font-weight:500;display:inline-flex}.contact-success-faq:hover{text-decoration:underline}.dark .contact-page{--contact-ink:#eee7f3;--contact-muted:#ad9fbb;--contact-accent:#c4addb;--contact-border:#3a3144;--contact-surface:#1b1b25;--contact-field:#201d29;--contact-soft:#292331}.dark .contact-form-panel{box-shadow:0 14px 36px -28px #0006}.dark .contact-input::placeholder{color:#897a99}.dark .contact-success-icon{color:#b0c59d;background:#2d3828;border-color:#46523e}.dark .contact-error{color:#e4a5b8;background:#36232d;border-color:#684052}@media (max-width:900px){.contact-layout{grid-template-columns:.8fr 1.2fr;gap:35px}.contact-form-panel{padding:27px}.contact-name-email{grid-template-columns:1fr;gap:23px}.contact-help>h2{font-size:27px}}@media (max-width:700px){.contact-page{padding:44px 20px 60px}.contact-layout{grid-template-columns:1fr;gap:40px;margin-top:36px}.contact-form-panel{grid-area:1/1;padding:25px}.contact-name-email{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-help{grid-area:2/1;padding-top:0}.contact-help>p{max-width:none}.contact-form-panel>h2{font-size:24px}.contact-form-actions .public-button{width:100%}.contact-success{min-height:450px;padding-block:36px}.contact-success>h2{font-size:29px}}@media (max-width:450px){.contact-name-email{grid-template-columns:1fr;gap:23px}}@media (max-width:380px){.contact-page{padding-inline:16px}.contact-form-panel{padding-inline:21px}}@media (prefers-reduced-motion:no-preference){.contact-success{animation:.45s cubic-bezier(.22,1,.36,1) both contact-received}@keyframes contact-received{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}