:root{--bg:#03070d;--panel:#08111e;--line:#17304c;--text:#eff7ff;--muted:#6f87a2;--blue:#3d8bfd;--blue2:#1e5fff;--green:#39df8f}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:#03070d;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(50,110,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,110,180,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000 25%,transparent 72%)}
.glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.2}.glow-a{width:520px;height:520px;left:-180px;top:-100px;background:#205bff}.glow-b{width:420px;height:420px;right:10%;bottom:-220px;background:#0d72d8}
.login-shell{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;height:100vh}
.brand-pane{padding:54px 70px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(36,72,110,.45)}
.brand-lockup{display:flex;align-items:center;gap:16px}.veyron-mark,.mini-mark{background:linear-gradient(145deg,#63adff 0%,#2c69ff 52%,#0f2a72 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 45px rgba(39,102,255,.28);font-weight:950;color:white;clip-path:polygon(8% 0,100% 0,76% 100%,22% 100%)}
.veyron-mark{width:66px;height:66px;display:grid;place-items:center;font-size:40px}.brand-name{font-size:32px;font-weight:900;letter-spacing:5px}.brand-sub{color:#6886a7;font-size:10px;letter-spacing:1.8px;margin-top:4px}
.hero-copy{max-width:650px}.eyebrow{display:block;color:#4b82c5;font-size:9px;letter-spacing:2px;font-weight:800}.hero-copy h1{font-size:56px;line-height:1.02;letter-spacing:-2px;margin:14px 0 18px}.hero-copy h1 em{font-style:normal;color:#5fa1ff}.hero-copy p{max-width:560px;color:#7189a4;font-size:14px;line-height:1.7}
.security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-strip>div{border:1px solid #142b45;background:rgba(7,18,31,.7);padding:14px;border-radius:12px}.security-strip b,.security-strip small{display:block}.security-strip b{font-size:10px;margin:7px 0 3px}.security-strip small{font-size:9px;color:#667e99}.dot,.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(57,223,143,.55)}
.login-pane{display:grid;place-items:center;padding:40px}.login-card{width:min(440px,100%);border:1px solid #193552;background:linear-gradient(180deg,rgba(10,24,40,.98),rgba(5,14,25,.98));border-radius:22px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.42)}
.login-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.mini-mark{width:46px;height:46px;display:grid;place-items:center;font-size:27px}.login-head h2{font-size:24px;margin:4px 0}.login-head p{font-size:11px;color:#6c84a0;margin:0}
label{display:block;margin-bottom:17px}label>span{display:block;color:#7891ad;font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:7px}.input-wrap{height:49px;border:1px solid #1b3a5d;background:#06111e;border-radius:11px;display:flex;align-items:center;padding:0 12px;transition:.15s}.input-wrap:focus-within{border-color:#3b7fe0;box-shadow:0 0 0 3px rgba(46,112,219,.08)}.input-wrap i{font-style:normal;color:#466a91;font-size:11px}.input-wrap input{flex:1;border:0;outline:0;background:transparent;color:#edf6ff;font-size:13px;padding:0 10px}.input-wrap button{border:0;background:transparent;color:#6f8dad;font-size:10px;cursor:pointer}
.form-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #132a42;padding-top:15px;margin:5px 0 16px;font-size:9px;color:#6f86a0}.form-meta span{display:flex;align-items:center;gap:7px}.form-meta b{color:#80a4c8}
.login-btn{width:100%;height:50px;border:1px solid #347ce5;border-radius:11px;background:linear-gradient(180deg,#2d78e8,#1b59c4);color:white;display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;font-weight:850;letter-spacing:1px;cursor:pointer;box-shadow:0 12px 30px rgba(29,91,198,.22)}.login-btn:disabled{opacity:.55;cursor:wait}.error{min-height:18px;color:#ff7a85;font-size:10px;text-align:center;padding-top:10px}.login-footer{border-top:1px solid #132a42;margin-top:12px;padding-top:14px;display:flex;justify-content:space-between;color:#526c88;font-size:9px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-pane{display:none}.login-pane{padding:20px}}
/* Veyron Branding 1.1.1.2.0 */
.veyron-logo-img{display:block;object-fit:contain;filter:drop-shadow(0 0 18px rgba(38,121,255,.38))}
.login-logo-main{width:72px;height:72px;flex:0 0 72px}
.login-logo-mini{width:52px;height:52px;flex:0 0 52px}
.veyron-mark,.mini-mark{background:none!important;box-shadow:none!important;clip-path:none!important}
/* VEYRON 2.0 visual refresh, preserving the original emblem. */
body{background:radial-gradient(ellipse at 12% 20%,#2e5f9655,transparent 42%),radial-gradient(ellipse at 85% 80%,#8b284033,transparent 42%),linear-gradient(135deg,#090f1c,#172438 58%,#0b1220)}
.login-card{border-color:#526982!important;background:linear-gradient(140deg,#172438ee,#0c1523ee)!important;box-shadow:0 25px 80px #0008!important;border-radius:24px!important}
button[type=submit]{background:linear-gradient(120deg,#4388e5,#295591)!important;border:1px solid #82add8!important}input:focus{border-color:#ffcb6b!important;box-shadow:0 0 0 3px #ffcb6b18!important}h1{color:#eef5ff}.brand-subtitle,.eyebrow{color:#ffcb6b!important}