*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 50% 0,#132033 0,#090d14 48%,#070a0f 100%);color:#eef4ff;font:15px system-ui}.login-shell{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:#121925;border:1px solid #263145;border-radius:20px;padding:32px;box-shadow:0 24px 80px #0008}.eyebrow{color:#62adff;font-size:12px;font-weight:800;letter-spacing:2px}h1{font-size:34px;margin:6px 0 4px}p,small{color:#8b98ab}form{margin:28px 0 22px;display:grid;gap:16px}label{display:grid;gap:7px;color:#cbd7e8;font-weight:650}input{width:100%;border:1px solid #2a3850;background:#0b111b;color:#eef4ff;border-radius:11px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:#62adff;box-shadow:0 0 0 3px #62adff22}button{border:0;border-radius:11px;padding:13px 16px;background:#62adff;color:#07101b;font:800 15px system-ui;cursor:pointer}button:hover{filter:brightness(1.06)}.error{background:#3a181d;color:#ff9aa2;border:1px solid #6a2a32;border-radius:10px;padding:10px 12px}small{display:block;text-align:center;font-size:11px;letter-spacing:1.3px}