:root{--navy:#0b1f3a;--blue:#1d4ed8;--cyan:#06b6d4;--ink:#172033;--muted:#64748b;--line:#dbe3ef;--surface:#fff;--bg:#f4f7fb}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.login-brand-panel{position:relative;overflow:hidden;padding:54px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(6,182,212,.32),transparent 30%),linear-gradient(145deg,#08172e,#123e78 60%,#0b8292)}
.login-brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-220px;bottom:-180px}.brand-mark img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:22px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.brand-copy{max-width:520px;position:relative;z-index:1}.eyebrow{display:block;letter-spacing:.14em;font-size:11px;font-weight:800;opacity:.75;margin-bottom:12px}.brand-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.03;margin:0 0 20px;letter-spacing:-.04em}.brand-copy p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.78);max-width:480px}.brand-footer{display:flex;gap:22px;font-size:13px;color:rgba(255,255,255,.72)}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(460px,100%);background:var(--surface);border:1px solid #e7edf5;border-radius:28px;padding:42px;box-shadow:0 24px 70px rgba(15,23,42,.10)}.mobile-logo{display:none}.login-heading h2{font-size:32px;margin:0 0 8px;letter-spacing:-.03em}.login-heading p{color:var(--muted);margin:0 0 30px}.login-heading .eyebrow{color:var(--blue);opacity:1;margin-bottom:8px}label{display:block;font-size:13px;font-weight:750;margin:18px 0 8px}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:15px;top:14px;color:#8290a5}.input-wrap input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;padding:0 45px;color:var(--ink);outline:none;background:#fbfcfe;transition:.2s}.input-wrap input:focus{border-color:#4f7eea;box-shadow:0 0 0 4px rgba(29,78,216,.09);background:#fff}.password-toggle{position:absolute;right:7px;top:5px;height:38px;width:38px;border:0;background:transparent;color:#758399;cursor:pointer}.login-btn{margin-top:24px;width:100%;height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,#1d4ed8,#0891b2);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 24px rgba(29,78,216,.22)}.login-btn:hover{transform:translateY(-1px)}.login-links{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.login-links a{font-size:13px;color:#31537f;text-decoration:none}.security-note{margin-top:28px;padding:12px 14px;border-radius:12px;background:#f3f7fc;color:#66758b;font-size:11px;line-height:1.5}.jsms-alert{border-radius:12px;padding:12px 14px;margin:14px 0;font-size:13px}.jsms-alert-danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.jsms-alert-warning{background:#fffbeb;color:#a16207;border:1px solid #fde68a}.jsms-alert-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:30px 24px;border-radius:22px}.mobile-logo{display:flex;justify-content:center;margin-bottom:22px}.mobile-logo img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:18px;box-shadow:0 8px 25px rgba(15,23,42,.12)}}