*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#101d2a;color:#e5eef8;font-family:system-ui,"Microsoft YaHei",sans-serif;padding:24px}main{width:min(100%,430px);background:#182b3f;border:1px solid #34506e;border-radius:18px;padding:32px}.brand{font-weight:800;letter-spacing:3px;color:#69b8ff}h1{font-size:30px;margin:20px 0 12px}p{line-height:1.7;color:#bdcfe1}.notice{background:#213c55;border-radius:8px;padding:12px;font-size:14px}label{display:block;margin-top:24px}input,button{width:100%;border:1px solid #496582;border-radius:8px;padding:14px;font:inherit;margin-top:10px}input{background:#101d2a;color:#fff}button{background:#3583dc;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#error{min-height:24px;color:#ff9a9a;font-size:14px}small{display:block;color:#a6bed6;line-height:1.7}