:root{font-family:Arial,Helvetica,sans-serif;color:#23334a;background:#f3f6fa;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}::selection{background:#c8dcf8}header{height:88px;padding:0 6vw;display:flex;align-items:center;border-bottom:1px solid #dce3ec;background:#fff}.brand{font-weight:700;font-size:21px;letter-spacing:-.025em;display:flex;align-items:center;gap:11px}.brand svg{width:28px;height:28px;color:#214f91}main{flex:1;display:grid;place-items:center;padding:64px 24px}.panel{width:100%;max-width:408px;background:#fff;border-radius:12px;padding:36px;box-shadow:0 12px 40px rgba(30,51,79,.07)}h1{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px}p{font-size:14px;color:#5a6b81;margin:0 0 30px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field{margin-bottom:20px}input{display:block;width:100%;height:46px;border:1px solid #9fadc0;border-radius:6px;background:#fff;color:#23334a;padding:10px 12px;font:inherit;font-size:16px;caret-color:#214f91}input:hover{border-color:#55759f}input:focus{outline:3px solid #b9d3f5;outline-offset:1px;border-color:#214f91}button{width:100%;height:46px;border:0;border-radius:6px;background:#214f91;color:#fff;font:600 15px Arial,Helvetica,sans-serif;cursor:pointer;margin-top:4px}button:hover{background:#173e76}button:focus-visible{outline:3px solid #91b5e5;outline-offset:3px}button:disabled{background:#647b9b;cursor:wait}[role=alert]{font-size:13px;color:#9c2434;min-height:40px;margin:18px 0 0}footer{padding:24px;text-align:center;font-size:12px;color:#5a6b81}.api{background:#fff}.api header{border:0}.api main{grid-template-columns:minmax(260px,1fr) minmax(320px,1fr);max-width:1060px;width:100%;margin:auto;gap:90px;padding:70px 40px}.api .intro{padding-bottom:110px}.api .intro h1{font-size:36px;max-width:360px}.api .intro p{max-width:300px}.api .panel{border-radius:0;box-shadow:none;padding:12px 0 12px 48px;border-left:1px solid #dce3ec;max-width:430px}.api .panel h2{font-size:22px;margin:0 0 26px;font-weight:600;letter-spacing:-.02em}@media(max-width:700px){header{height:72px;padding:0 24px}main{padding:36px 20px}.panel{padding:28px 24px}.api main{display:block;max-width:440px;padding:36px 24px}.api .intro{padding:0 0 24px}.api .intro h1{font-size:28px}.api .intro p{margin-bottom:20px}.api .panel{padding:0;border:0}.api .panel h2{font-size:20px}footer{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}