*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 15%,#17233a 0,#0a101b 46%,#070b12 100%);color:#e9eef8;min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:rgba(14,22,36,.94);border:1px solid #26354f;border-radius:22px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.login-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#5e7df4;color:white;font-weight:800;font-size:22px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#89a0c4;font-weight:800}.login-card h1{font-size:30px;margin:8px 0}.sub{color:#92a1b7;margin:0 0 24px}.login-card label{display:block;font-size:12px;color:#a6b5ca;margin:16px 0 7px}.login-card input{width:100%;height:46px;border-radius:11px;border:1px solid #31415e;background:#0a111d;color:#eef4ff;padding:0 13px;outline:none}.login-card input:focus{border-color:#7892ff;box-shadow:0 0 0 3px rgba(120,146,255,.12)}.pass-wrap{position:relative}.pass-wrap input{padding-right:64px}.pass-wrap button{position:absolute;right:8px;top:7px;height:32px;border:0;background:transparent;color:#9db0cb;cursor:pointer}.sign-in{width:100%;height:46px;border:0;border-radius:11px;margin-top:22px;background:#607ef5;color:white;font-weight:800;cursor:pointer}.sign-in:hover{filter:brightness(1.08)}.guard{margin-top:22px;border-top:1px solid #223047;padding-top:18px;color:#8da0ba;font-size:12px;display:flex;gap:8px;align-items:center}.guard span{width:8px;height:8px;border-radius:50%;background:#5ad69b}.login-error{padding:11px 13px;border:1px solid #67313b;background:#2a151b;border-radius:10px;color:#ff9dad;font-size:13px;margin-bottom:12px}.https-note{margin-top:14px;color:#d8b36c;font-size:11px;line-height:1.5}@media(max-width:520px){.login-card{padding:26px 22px;border-radius:18px}}