.ka .contact-hero{text-align:center;padding-block:46px 20px}.ka .contact-hero h1{letter-spacing:-.03em;margin:14px 0 10px;font-size:28px;font-weight:800}.ka .contact-hero p{color:var(--ink-2);max-width:620px;margin:0 auto;font-size:15px;line-height:1.6}.ka .contact-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:24px;display:grid}.ka .contact-panel-body{padding:22px 22px 24px}.ka .contact-panel-body h2{margin-bottom:6px;font-size:21px;font-weight:700}.ka .contact-note{color:var(--muted);margin-bottom:18px;font-size:13.5px}.ka .contact-form{flex-direction:column;gap:14px;display:flex}.ka .contact-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ka .contact-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.ka .contact-agree{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.ka .contact-agree input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin-top:2px}.ka .contact-agree a{color:var(--accent);text-decoration:underline}.ka .contact-error{color:var(--crit);font-size:13px}.ka .contact-done{text-align:center;padding:26px 10px}.ka .contact-done .check{background:color-mix(in srgb, var(--good) 16%, transparent);width:56px;height:56px;color:var(--good);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:24px;font-weight:700;display:grid}.ka .contact-done h3{margin-bottom:8px;font-size:19px}.ka .contact-done p{color:var(--muted);font-size:14px}.ka .contact-side h3{margin-bottom:12px;font-size:15px;font-weight:700}.ka .contact-side .contact-grid{grid-template-columns:1fr;gap:10px}.ka .contact-side .contact-card{padding:14px 16px}.ka .contact-tips{border:1px dashed var(--border-strong);border-radius:12px;margin-top:18px;padding:16px}.ka .contact-tips h4{margin-bottom:8px;font-size:13.5px}.ka .contact-tips ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.ka .contact-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ka .contact-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.ka .contact-card h3{margin:4px 0 0;font-size:16px;font-weight:700}.ka .contact-card p{color:var(--muted);flex:1;margin:0 0 8px;font-size:13px;line-height:1.55}@media (max-width:900px){.ka .contact-layout{grid-template-columns:1fr}.ka .contact-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ka .contact-grid,.ka .contact-row{grid-template-columns:1fr}.ka .contact-panel-body{padding:16px}.ka .contact-hero{padding-block:28px 12px}.ka .contact-hero h1{font-size:23px}.ka .contact-form .btn{min-height:48px}}
