*{box-sizing:border-box} :root{color-scheme:light;--bg:#f1f5fb;--surface:#fff;--text:#172b49;--muted:#687992;--line:#dde5f0;--field:#f9fbfe;--blue:#1e40af} [data-theme=dark]{color-scheme:dark;--bg:#080f1e;--surface:#101d33;--text:#e8effb;--muted:#a1b2ca;--line:#293d5b;--field:#162640;--blue:#729eff}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}.login-header{max-width:1180px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:17px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:3px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#153e78;color:#fff;font-size:23px}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;width:42px;height:42px;font-size:18px}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1116px;margin:15px auto;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface);box-shadow:0 22px 65px #102c5410;min-height:640px}.welcome-panel{padding:54px 48px 30px;background:radial-gradient(ellipse at bottom right,#22589c 0,transparent 65%),linear-gradient(140deg,#0c2448,#123e78);color:#fff;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#93c5fd;border-radius:50%}h1{font-size:clamp(36px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin:30px 0 20px;font-weight:650}h1 em{font-style:normal;color:#a9d0ff}.welcome-description{font-size:14px;line-height:1.8;color:#c0d2eb;max-width:350px;margin:0 0 30px}.care-preview{display:flex;align-items:center;gap:13px;border:1px solid #ffffff26;background:#ffffff0d;padding:19px 17px;border-radius:15px}.preview-mark{font-size:25px;color:#bad9ff}.care-preview strong{font-size:14px;display:block}.care-preview span{font-size:11px;color:#c0d2eb;display:block;margin-top:5px}.care-preview>.bi{margin-left:auto;color:#a9d0ff}.feature-list{display:flex;justify-content:space-between;gap:12px;margin:25px 0 38px}.feature-list>div{font-size:10px;color:#ccdcf1;display:flex;flex-direction:column;gap:9px}.feature-list i{font-size:19px;color:#a9d0ff}.panel-footer{margin-top:auto;border-top:1px solid #ffffff24;padding-top:23px;color:#c0d2eb;font-size:11px}.panel-footer i{margin-right:8px}.signin-panel{padding:52px;display:flex;align-items:center}.signin-content{width:100%;max-width:370px;margin:auto}.signin-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--field);border:1px solid var(--line);border-radius:15px;color:var(--blue);font-size:25px;margin-bottom:27px}.form-eyebrow{color:var(--blue);font-size:9px}h2{font-size:27px;letter-spacing:-.8px;margin:12px 0 10px;line-height:1.25}.intro{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 28px}form label{display:block;font-size:12px;font-weight:650;margin:0 0 9px}.input-wrap{position:relative;margin-bottom:22px}.input-wrap>i{position:absolute;left:15px;top:17px;color:var(--muted);pointer-events:none}.input-wrap input{width:100%;height:51px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text);padding:0 44px;font-size:13px;outline:none}.input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61c}.input-wrap input::placeholder{color:var(--muted);opacity:.8}.password-toggle{position:absolute;right:5px;top:6px;height:39px;width:37px;background:transparent;border:0;color:var(--muted);border-radius:7px}.password-toggle:hover{color:var(--blue);background:var(--bg)}.signin-button{width:100%;padding:16px 19px;border:0;border-radius:10px;background:#1e40af;color:#fff;font-weight:650;font-size:14px;display:flex;justify-content:center;align-items:center;gap:13px;box-shadow:0 8px 18px #1e40af22}.signin-button:hover{background:#173588}.signin-button:disabled{opacity:.65;cursor:wait}.help-text{text-align:center;color:var(--muted);font-size:11px;line-height:1.9;margin:24px 0}.help-text strong{color:var(--text);font-weight:500}.access-note{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;font-size:10px}.login-footer{text-align:center;color:var(--muted);font-size:11px;padding:24px}.login-error{display:flex;gap:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:9px;padding:12px;font-size:12px;line-height:1.6;margin-bottom:20px}.caps-hint{font-size:12px;color:var(--blue);margin:-12px 0 15px}@media(max-width:900px){.login-layout{margin:12px 24px;min-height:610px}.welcome-panel{padding:40px 30px}.signin-panel{padding:35px 28px}.care-preview span{line-height:1.5}.feature-list{flex-wrap:wrap}}@media(max-width:640px){.login-header{padding:20px}.login-layout{grid-template-columns:1fr;margin:0 16px;border-radius:19px;min-height:0}.welcome-panel{padding:26px}.welcome-panel h1{font-size:30px;margin:16px 0 0;letter-spacing:-1px}.welcome-panel h1 br{display:none}.welcome-panel h1 em{display:block}.welcome-description,.care-preview,.feature-list,.panel-footer{display:none}.signin-panel{padding:30px 26px}.signin-icon{display:none}h2{font-size:25px}.login-footer{padding:20px}.brand{font-size:15px}}