*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px system-ui,sans-serif;display:grid;place-items:center;min-height:100vh;padding:24px}main{width:100%;max-width:440px;background:white;border:1px solid #e7eaf0;border-radius:16px;padding:36px}.logo{font-weight:800;font-size:28px;color:#18243c}.logo span{color:#f36c4c}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-top:30px}h1{font-size:24px;margin:10px 0}p{font-size:13px;color:#748093;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin-top:18px}input{width:100%;padding:12px;border:1px solid #dce3eb;border-radius:8px;font:inherit;margin-top:7px}button{background:#2557d6;color:white;border:0;border-radius:8px;width:100%;padding:13px;margin-top:24px;font-weight:600;cursor:pointer}button.secondary{background:#edf1f6;color:#172033;margin-top:10px}small{display:block;text-align:center;color:#748093;font-size:11px;margin-top:28px}.alert{background:#fff0f1;padding:12px;color:#a1283b;border-radius:8px}input:focus-visible,button:focus-visible{outline:3px solid #91aaf5;outline-offset:2px}