*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf2f5;color:#173e54;font-family:system-ui,sans-serif;padding:24px}main{width:100%;max-width:460px;background:white;padding:44px;border:1px solid #dce3e8;border-radius:22px;box-shadow:0 18px 60px #163c5012}.brand{font-size:17px;letter-spacing:2px;font-weight:800;margin-bottom:45px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#657b88;font-weight:700}h1{font-size:30px;margin:10px 0}.intro{color:#627883;font-size:14px;margin-bottom:30px}label{display:block;font-size:13px;margin:18px 0}input{display:block;width:100%;border:1px solid #bbcbd4;border-radius:8px;padding:13px;margin-top:7px;font:inherit;font-size:16px}input:focus{outline:2px solid #1383b3;outline-offset:2px}button{width:100%;border:0;border-radius:9px;background:#006e9b;color:white;font:inherit;font-weight:700;padding:14px;cursor:pointer}.hint{color:#75848b;font-size:12px;line-height:1.6;margin-top:22px}.error{background:#fff0eb;color:#8c3320;padding:12px;border-radius:8px;font-size:14px}