body{font:16px system-ui,Segoe UI,sans-serif;background:#eef3f8;color:#17283d;margin:0;padding:24px}main{max-width:760px;margin:40px auto;background:#fff;border-radius:18px;box-shadow:0 12px 60px #15345416;padding:30px}h1{margin:0 0 8px}p{color:#526277}label{display:block;font-weight:600;margin:16px 0 5px}input{box-sizing:border-box;width:100%;border:1px solid #bac8d4;padding:12px;border-radius:8px;font-size:16px}button{border:0;border-radius:9px;padding:14px 20px;font-weight:700;background:#173450;color:#fff;cursor:pointer;margin-top:18px}button:disabled{background:#aaa}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.pass{color:#176f43}.fail{color:#b12c33}.alert{background:#fff1ef;border:1px solid #e2a29c;padding:12px;border-radius:8px}@media(max-width:580px){.grid{display:block}main{padding:18px;margin:0}}