.atoz.contact-page{--c-title:clamp(34px, 4.6vw, 60px);--c-gap:clamp(40px, 5vw, 72px);--c-card-title:19px;--c-card-desc:16px;--c-form-title:24px;--c-form-title-mb:46px;--c-card-index:clamp(40px, 4.4vw, 60px);background:var(--bg-0);color:var(--ink-0)}.contact-page .contact-wrap{max-width:var(--container);padding:calc(var(--hdr-h,68px) + clamp(48px, 8vw, 110px)) var(--pad-x) clamp(72px, 9vw, 130px);margin:0 auto}.contact-title{font-family:var(--font-display);font-weight:700;font-size:var(--c-title);letter-spacing:-.03em;margin:0 0 var(--c-gap);line-height:1.08}.contact-title-mark{color:var(--accent)}.contact-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,2.4vw,36px);display:grid}.contact-form-panel{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--bg-1);flex-direction:column;padding:clamp(24px,2.6vw,38px);display:flex}.contact-form-title{font-size:var(--c-form-title);margin:0 0 var(--c-form-title-mb);font-weight:600}.contact-form{flex-direction:column;flex:1;gap:16px;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;gap:7px;display:flex}.contact-label{color:var(--ink-2);letter-spacing:-.01em;font-size:12.5px}.contact-field input,.contact-field textarea{background:var(--bg-3);border:1px solid var(--rule);width:100%;color:var(--ink-0);font-family:var(--font-body);border-radius:8px;padding:12px 14px;font-size:14px;transition:border-color .16s,background .16s}.contact-field textarea{resize:vertical;min-height:110px;line-height:1.5}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--ink-3)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);background:var(--bg-2);outline:none}.contact-foot{flex-wrap:wrap;justify-content:flex-end;margin-top:auto;padding-top:18px;display:flex}.contact-submit{appearance:none;cursor:pointer;color:#0a0a0a;font-family:var(--font-body);border-radius:var(--r-pill);background:#e5e5e6;border:0;padding:13px 28px;font-size:14px;font-weight:600;transition:background-color .18s}.contact-submit:hover{background:#fff}.contact-submit:disabled{opacity:.65;cursor:default}.contact-err{text-align:right;color:#ff8d8d;flex-basis:100%;margin:10px 0 0;font-size:13px}.contact-cards{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--bg-1);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.contact-card{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:56px;min-height:220px;padding:clamp(22px,2.2vw,30px);display:flex}.contact-card:nth-child(2n){border-right:0}.contact-card:nth-child(n+3){border-bottom:0}.contact-card-ic{color:var(--ink-1);display:inline-flex}.contact-card-text{flex-direction:column;gap:8px;margin-top:auto;display:flex}.contact-card-title{font-size:var(--c-card-title);color:var(--ink-0);margin:0;font-weight:600}.contact-card-desc{font-size:var(--c-card-desc);color:var(--ink-2);margin:0;line-height:1.55}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}@media (max-width:640px){.contact-cards{grid-template-columns:1fr}.contact-card:nth-child(n){border-right:0;border-bottom:1px solid var(--rule)}.contact-card:last-child{border-bottom:0}}@media (max-width:480px){.contact-row{grid-template-columns:1fr}.contact-card{gap:36px;min-height:168px}.contact-foot{justify-content:stretch}.contact-submit{width:100%}}
