:root{--primary:#0b2a5b;--primary-hover:#123d7a;--secondary:#1e88e5;--accent:#f57c00;--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#dbe5ef}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr)}.visual-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(38px,5vw,80px);color:#fff;background:radial-gradient(circle at 65% 60%,#164f84 0,transparent 38%),linear-gradient(145deg,#061726,#0b2a5b 72%,#123d7a)}.visual-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(82,207,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(82,207,255,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000)}.brand,.mobile-brand{position:relative;z-index:2;display:flex;flex-direction:column;width:max-content;text-decoration:none}.brand span,.mobile-brand span{font-weight:800;font-size:29px;letter-spacing:-1.6px;color:#59e0f1}.brand b,.mobile-brand b{color:#ff8124}.brand small,.mobile-brand small{text-transform:uppercase;letter-spacing:1.8px;font-size:8px;font-weight:700;color:#9bd7e2}.visual-copy{position:relative;z-index:2;margin-top:clamp(55px,9vh,105px);max-width:620px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#5de5f6}.visual-copy h1{font-size:clamp(42px,5.1vw,76px);line-height:1.02;letter-spacing:-3px;margin:16px 0 20px}.visual-copy h1 em{font-style:normal;color:#ff8124}.visual-copy p{max-width:550px;font-size:17px;line-height:1.7;color:#c6d8e8}.panel-art{position:relative;z-index:1;width:min(94%,760px);margin:auto auto -15px;align-self:center}.visual-glow{position:absolute;width:430px;height:430px;border:1px solid rgba(72,205,255,.22);border-radius:50%;right:8%;bottom:8%;box-shadow:0 0 90px rgba(30,136,229,.16)}.status-chip{position:relative;z-index:2;display:flex;align-items:center;gap:9px;font-size:11px;color:#aac7db}.status-chip i,.holding-actions i{display:block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.login-panel{display:grid;place-items:center;padding:44px;background:linear-gradient(145deg,#fff,#eef5fa)}.login-card{width:min(100%,470px);padding:18px 10px}.mobile-brand{display:none}.lock-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e8f3ff;color:var(--primary);font-size:30px;margin-bottom:30px}.kicker{color:var(--secondary);margin:0 0 12px}.login-card h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.5px;margin:0 0 13px}.intro{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 28px}.error{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:11px;padding:12px 14px;font-size:13px;margin-bottom:18px}.login-card label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px}.input-wrap{height:54px;display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(30,136,229,.1)}.input-wrap>span{width:46px;text-align:center;color:var(--secondary);font-weight:800}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px}.input-wrap input::placeholder{color:#a3afbc}.reveal{border:0;background:none;cursor:pointer;width:45px;color:#6b7c8e;font-size:15px}.submit{width:100%;height:55px;margin-top:24px;border:0;border-radius:12px;background:linear-gradient(135deg,#f57c00,#ff9800);color:#fff;font:600 15px Inter;cursor:pointer;box-shadow:0 12px 26px rgba(245,124,0,.22);transition:.2s}.submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(245,124,0,.3)}.submit span{margin-left:8px}.support{text-align:center;font-size:11px;line-height:1.7;color:#8795a4;margin-top:28px}.support a{color:var(--primary);font-weight:700}.holding{min-height:100vh;padding:42px clamp(28px,8vw,120px);color:#fff;background:linear-gradient(135deg,#071827,#0b2a5b)}.holding-card{max-width:780px;margin:22vh auto 0}.holding h1{font-size:clamp(42px,7vw,78px);letter-spacing:-3px;margin:14px 0}.holding p{max-width:650px;color:#c2d3e2;font-size:18px;line-height:1.7}.holding-actions{margin-top:35px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:22px}.holding-actions span{display:flex;align-items:center;gap:12px;font-size:13px}.holding-actions a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:10px 20px;border-radius:10px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.visual-panel{min-height:380px;padding:30px}.visual-copy{margin-top:45px;max-width:500px}.visual-copy h1{font-size:46px}.visual-copy p{font-size:14px}.panel-art{position:absolute;width:390px;right:-65px;bottom:-15px;opacity:.48}.status-chip{display:none}.login-panel{padding:48px 28px}.login-card{max-width:560px}.mobile-brand{display:none}}@media(max-width:600px){.visual-panel{min-height:285px;padding:24px}.visual-copy{margin-top:38px}.visual-copy h1{font-size:35px;letter-spacing:-1.8px;margin:10px 0}.visual-copy p{font-size:13px;max-width:330px}.panel-art{width:285px;right:-90px;bottom:-12px;opacity:.35}.login-panel{display:block;padding:33px 22px 42px}.login-card{padding:0}.lock-icon{width:44px;height:44px;margin-bottom:20px}.login-card h2{font-size:29px}.intro{margin-bottom:22px}.input-wrap{height:52px}.holding{padding:28px 22px}.holding-card{margin-top:20vh}.holding h1{font-size:42px;letter-spacing:-2px}}