:root{color:#1d1d1f;font-synthesis:none;background:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:0 auto;padding:56px 24px}header{margin-bottom:36px}h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(30px,5vw,48px)}p{color:#64646c;line-height:1.65}.badge{color:#06c;background:#e9f2ff;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{background:#fff;border:1px solid #e8e8ed;border-radius:24px;padding:30px;box-shadow:0 12px 36px #00000004}h2{letter-spacing:-.025em;margin:0 0 20px;font-size:22px}label{margin:18px 0 8px;font-size:14px;display:block}input{width:100%;font:inherit;border:1px solid #d2d2d7;border-radius:10px;padding:12px}input:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}button{color:#fff;font:inherit;cursor:pointer;background:#0071e3;border:0;border-radius:12px;width:100%;margin-top:24px;padding:14px 20px}button:disabled{opacity:.5;cursor:wait}output{letter-spacing:-.04em;margin-top:24px;font-size:32px;font-weight:600;display:block}ul{color:#64646c;padding-left:20px;line-height:2}footer{color:#64646c;margin-top:24px;font-size:13px}@media (width<=700px){main{padding:30px 18px}.grid{grid-template-columns:1fr}}