:root{color-scheme:light;--text:#0b1424;--muted:#52647a;--line:#cfdae8;--blue:#2563eb;--error:#b42335}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:14px/1.45 system-ui,-apple-system,sans-serif;color:var(--text);background:#fff}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e6f1ff 0,transparent 32%),radial-gradient(circle at 85% 90%,#f1eaff 0,transparent 30%),#fff}.login-card{width:min(100%,420px);padding:32px;background:#fffffff2;border:1px solid #fff;border-radius:22px;box-shadow:0 24px 70px #28496c1f}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#4d95ff,#1d5fd1);font-size:22px;font-weight:800;box-shadow:0 8px 20px #2563eb38}.login-brand h1{margin:0;font-size:20px;letter-spacing:.03em}.login-brand p{margin:3px 0 0;color:var(--muted);font-size:12px}form>label{display:block;margin:14px 0 5px;font-size:12px;font-weight:650}input,button{font:inherit}input{width:100%;min-height:44px;padding:10px 12px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:11px;outline:0}input:focus{border-color:#6aa2f8;box-shadow:0 0 0 3px #2563eb19}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:5px;top:5px;min-height:34px;padding:5px 9px;color:#285184;background:#edf5ff;border:0;border-radius:8px;cursor:pointer}.remember{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:var(--muted)}.remember input{width:16px;min-height:16px;accent-color:var(--blue)}.sign-in{width:100%;min-height:45px;margin-top:18px;border:1px solid #1d4ed8;border-radius:11px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);font-weight:750;cursor:pointer}.sign-in:hover{background:#1d4ed8}.login-error{margin:12px 0 0;color:var(--error);font-size:12px}footer{margin-top:24px;padding-top:16px;border-top:1px solid #e3e9f1;text-align:center;color:var(--muted);font-size:11px}@media(max-width:480px){.login-shell{padding:16px}.login-card{padding:24px 20px;border-radius:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}