*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)}.intro{background:#0f1b2d;color:#fff;padding:clamp(36px,6vw,86px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #2c3a4d;border-radius:50%;right:-210px;top:-100px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.spk{color:#fff;text-decoration:none;font-size:14px;letter-spacing:.16em;font-weight:800;position:absolute;top:36px;left:clamp(36px,6vw,86px)}.spk b{color:#ffc107}.demo-pill{width:max-content;background:#ffc107;color:#0f1b2d;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em}.intro h1{font-size:clamp(42px,5.5vw,76px);line-height:.96;letter-spacing:-.055em;margin:24px 0}.intro>p{max-width:650px;color:#b8c2cf;line-height:1.7;font-size:15px}.notice{margin-top:32px;max-width:650px;padding:17px 18px;border:1px solid #344155;background:rgba(255,255,255,.035);border-radius:12px;display:grid;gap:5px}.notice b{color:#ffc107;font-size:12px}.notice span{font-size:12px;color:#c3ccd6;line-height:1.55}.login-card{align-self:center;margin:clamp(28px,7vw,100px);max-width:500px}.product-mark{width:52px;height:52px;border-radius:14px;background:#0f1b2d;color:#ffc107;display:grid;place-items:center;font-weight:900}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900;color:#7b8796;margin:22px 0 8px}.login-card h2{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.muted{color:#64748b;font-size:13px;line-height:1.65}.login-card label{display:block;font-size:11px;font-weight:800;margin-top:18px}.login-card input{width:100%;margin-top:7px;border:1px solid #d5dde6;background:#fff;border-radius:10px;padding:13px 14px;font:inherit;outline:none}.login-card input:focus{border-color:#b88a00;box-shadow:0 0 0 3px rgba(255,193,7,.18)}.password{position:relative}.password input{padding-right:64px}.password button{position:absolute;right:7px;top:14px;border:0;background:transparent;font-weight:800;color:#536273;cursor:pointer}.primary{width:100%;border:0;border-radius:10px;background:#0f1b2d;color:#fff;padding:14px;margin-top:20px;font-weight:900;cursor:pointer}.primary:hover{background:#182a42}.credentials{margin-top:20px;border:1px solid #e0e6ed;border-radius:11px;background:#fff;padding:13px;display:grid;gap:5px}.credentials span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8a96a4}.credentials code{font-size:12px;color:#334155}.error{margin-top:16px;background:#fff1f0;color:#a52a21;border:1px solid #f0c4c0;padding:11px;border-radius:9px;font-size:12px}.foot{text-align:center;color:#8a96a4;font-size:10px;margin-top:18px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.intro{min-height:48vh;padding:78px 28px 38px}.spk{left:28px;top:26px}.intro h1{font-size:46px}.login-card{margin:36px 28px 52px;max-width:none}}@media(max-width:520px){.intro h1{font-size:38px}.intro>p{font-size:13px}.login-card h2{font-size:29px}}