*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#241c1c 0%,#080a0b 55%,#020303 100%);color:#f9fafa;font-family:Arial,Helvetica,sans-serif}.login-card{width:min(100%,430px);background:#111214;border:1px solid #303236;border-top:3px solid #e10600;border-radius:16px;padding:clamp(20px,5vw,38px);box-shadow:0 24px 80px #0009}.brand{color:#e10600;font-size:26px;font-weight:900;letter-spacing:1px}.brand span{display:block;color:#fff;font-size:11px;letter-spacing:2px;margin-top:5px}h1{font-size:26px;margin:30px 0 8px}.intro{font-size:14px;color:#c0c4c8;margin:0 0 26px;line-height:1.6}label:not(.remember){font-size:12px;display:block;font-weight:700;margin:15px 0 7px}input:not([type=checkbox]){width:100%;height:48px;padding:12px;background:#090a0c;border:1px solid #474a50;border-radius:8px;color:#fff;font-size:16px}input:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:2px}.remember{display:flex;align-items:center;gap:10px;margin:22px 0;color:#e1e1e1;font-size:13px;line-height:1.4;cursor:pointer}.remember input{width:18px;height:18px;accent-color:#e10600;flex:0 0 auto}button{width:100%;padding:14px;border:0;border-radius:8px;background:#df130b;color:white;font-size:15px;font-weight:800;cursor:pointer}button:hover{background:#fc2a21}.login-error{background:#4d1818;color:#fff;padding:12px;border:1px solid #b43b3b;border-radius:8px;font-size:13px}.footer{font-size:12px;color:#a8adb1;line-height:1.5;margin:22px 0 14px}small{font-size:11px;color:#878b90}