*{box-sizing:border-box}body{color:#263858;background:#f3f6fb;margin:0;font-family:system-ui,sans-serif}main{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #e2e9f5;border-radius:24px;width:min(100%,580px);padding:clamp(24px,6vw,48px);box-shadow:0 15px 48px #253d6214}.brand{letter-spacing:.2em;color:#7090cc;font-size:13px;font-weight:800}h1{margin:12px 0;font-size:clamp(26px,5vw,34px)}p{color:#637797;line-height:1.55}form{gap:10px;margin-top:28px;display:grid}label{margin-top:8px;font-weight:650}input{color:#263858;border:1px solid #cdd8e9;border-radius:10px;width:100%;padding:13px;font-size:16px}button{color:#fff;cursor:pointer;background:#5578bc;border:0;border-radius:10px;margin-top:12px;padding:14px 20px;font-size:16px;font-weight:700}button:disabled{opacity:.6;cursor:wait}.result{background:#f2f6fd;border:1px solid #d9e5f7;border-radius:14px;margin-top:24px;padding:20px}.result h2{margin:0}.error{color:#a63232}.note{margin-top:28px;font-size:13px}.brand-logo{object-fit:contain;width:120px;height:120px;margin:0 auto 20px;display:block}
