.contact-page{max-width:900px;margin:48px auto 95px}.contact-intro{margin-bottom:36px}.contact-intro h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;margin:18px 0}.contact-intro .lead{max-width:660px;font-size:17px;line-height:1.7}.contact-form{display:grid;gap:24px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #335b9205}.contact-tip{padding:18px 21px;background:#f3f7fd;border:1px solid #e3ebf6;border-radius:10px}.contact-tip h2{font-size:14px;letter-spacing:0;margin:0 0 7px}.contact-tip p{font-size:13px;line-height:1.75;margin:0;color:var(--muted)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-field{min-width:0}.contact-field label{display:block;font-weight:600;font-size:14px;margin-bottom:10px}.contact-field :is(input,select,textarea){display:block;width:100%;min-height:47px;padding:12px 14px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:14px;outline:none;box-shadow:none;transition:border-color .2s,background-color .2s}.contact-field textarea{min-height:180px;resize:vertical;line-height:1.7}.contact-field select{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23657186' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.contact-field :is(input,select,textarea):focus{border-color:#7c9ac2;box-shadow:inset 0 0 0 1px #7c9ac2;outline:none}.contact-field :is(input,textarea)::placeholder{color:#8a95a5}.contact-field [aria-invalid=true]{border-color:#bd655e}.contact-error{font-size:12px;color:#a43d35;margin:8px 0 0;line-height:1.5}.contact-error:empty,.contact-status:empty{display:none}.contact-bottom{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.contact-notes p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.contact-notes a{color:var(--accent);overflow-wrap:anywhere}.contact-actions{display:flex;gap:10px;align-items:center}.contact-actions .button{font-size:13px;padding:13px 18px;white-space:nowrap}.contact-actions button:disabled{opacity:.6;cursor:wait}.contact-status{font-size:14px;line-height:1.7;margin:0;padding:13px 16px;border-radius:8px;background:#f3f7fd}.contact-status[data-state=error]{color:#a43d35;background:#fff6f4}.contact-status[data-state=success]{color:#2e6850;background:#eff8f3}.contact-trap{display:none!important}.contact-help{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px 30px;border:1px solid var(--line);border-radius:14px;margin-top:24px;background:#f8fafd}.contact-help h2{font-size:18px;margin:0 0 9px;letter-spacing:-.02em}.contact-help p{font-size:13px;line-height:1.7;max-width:490px;margin:0;color:var(--muted)}.contact-help>a{font-size:13px;white-space:nowrap}@media(max-width:650px){.contact-page{margin:35px auto 65px}.contact-intro{margin-bottom:28px}.contact-intro .lead{font-size:15px}.contact-form{padding:22px 18px;gap:22px}.contact-fields{grid-template-columns:1fr;gap:22px}.contact-tip{padding:16px}.contact-bottom{grid-template-columns:1fr;gap:20px}.contact-actions{justify-content:flex-end}.contact-actions .button{padding:13px 16px}.contact-help{align-items:flex-start;flex-direction:column;gap:18px;padding:24px 20px}.contact-field :is(input,select,textarea){font-size:16px}}
