:root{color-scheme:dark;--bg:#040b10;--panel:#09131bde;--panel2:#0b1821;--line:#1d3943;--gold:#e5aa45;--gold2:#ffcf72;--teal:#28d6d0;--text:#f4f7f8;--muted:#92a0a8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{min-height:100vh;overflow:hidden}.page-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:32px;isolation:isolate;background:radial-gradient(circle at 14% 44%,#16322855 0 1px,transparent 2px),radial-gradient(circle at 78% 22%,#0b7d8140,transparent 30%),linear-gradient(115deg,#02070b 0%,#061019 48%,#031017 100%)}
.page-shell:before,.page-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-5}.page-shell:before{background:repeating-linear-gradient(90deg,transparent 0 78px,#0e3d4826 79px 80px),repeating-linear-gradient(0deg,transparent 0 78px,#0e3d4826 79px 80px);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent)}.page-shell:after{background:radial-gradient(circle at 23% 50%,#e7a94018,transparent 23%),radial-gradient(circle at 82% 58%,#1be2dd22,transparent 28%)}
.ambient-grid{position:absolute;inset:0;z-index:-4;background-image:radial-gradient(#21d6d04d 1px,transparent 1px),radial-gradient(#e6aa4540 1px,transparent 1px);background-size:88px 88px,127px 127px;background-position:0 0,30px 21px;opacity:.35;mask-image:linear-gradient(90deg,#0008,transparent 43%,transparent 57%,#0009)}
.login-card{position:relative;z-index:5;width:min(620px,92vw);padding:42px 48px 34px;border:1px solid #46606d9b;border-radius:26px;background:linear-gradient(145deg,#0c161ddf,#07131ae8);box-shadow:0 28px 90px #000b,inset 0 1px 0 #ffffff13,0 0 55px #1dc8c812;backdrop-filter:blur(22px)}
.login-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,#f2bf6677,transparent 23%,transparent 72%,#25d8d17d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.brand-mark{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border:3px solid var(--gold);transform:rotate(30deg);border-radius:16px;box-shadow:0 0 30px #e6aa4525}.brand-mark span{font-size:26px;font-weight:900;color:var(--gold2);transform:rotate(-30deg)}
h1{margin:0;text-align:center;font-size:clamp(30px,3.2vw,44px);font-weight:400;letter-spacing:-1.4px}h1 strong{font-weight:750;color:var(--gold2)}.subtitle{text-align:center;color:#a9b4ba;margin:12px 0 30px;font-size:16px}.subtitle:after{content:"";display:block;width:84px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:0 0 12px var(--teal)}
form label{display:block;font-size:15px;font-weight:650;margin:17px 0 8px}.input-wrap{position:relative}.input-wrap input{width:100%;height:58px;padding:0 52px 0 52px;border-radius:11px;border:1px solid #39505d;background:#101e27cc;color:#fff;outline:none;font-size:16px;transition:.2s}.input-wrap input::placeholder{color:#6f7e87}.input-wrap input:focus{border-color:#43d7d1;box-shadow:0 0 0 3px #29d8d01c,0 0 30px #1bcac515}
.user-icon,.password-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;z-index:2;opacity:.9}.user-icon:before{content:"";position:absolute;left:5px;top:0;width:7px;height:7px;border:1.7px solid #dce5e8;border-radius:50%}.user-icon:after{content:"";position:absolute;left:1px;bottom:0;width:15px;height:8px;border:1.7px solid #dce5e8;border-radius:9px 9px 3px 3px}.password-icon:before{content:"";position:absolute;left:3px;top:7px;width:12px;height:10px;border:1.7px solid #dce5e8;border-radius:3px}.password-icon:after{content:"";position:absolute;left:6px;top:1px;width:6px;height:8px;border:1.7px solid #dce5e8;border-bottom:0;border-radius:7px 7px 0 0}
.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:17px 0 4px}.remember{display:flex;align-items:center;gap:9px!important;margin:0!important;color:#c8d1d5;font-weight:500!important}.remember input{appearance:none;width:19px;height:19px;border-radius:5px;border:1px solid #43717a;background:#0e2028;display:grid;place-items:center;margin:0}.remember input:checked{background:linear-gradient(145deg,#39d6ce,#199b9e);border-color:#55e2db}.remember input:checked:after{content:"✓";font-size:13px;font-weight:900;color:#fff}.private-note{color:var(--teal);font-size:14px}.error{height:18px;margin:7px 0 3px;color:#ff8d8d;font-size:13px;text-align:center}
button{width:100%;height:64px;border:0;border-radius:11px;background:linear-gradient(110deg,#f0bf5e,#d08c28);color:white;font-size:18px;font-weight:750;cursor:pointer;box-shadow:0 12px 32px #bf7c2636;transition:transform .18s,filter .18s}button:hover{filter:brightness(1.07);transform:translateY(-1px)}button span{float:right;font-size:25px;line-height:20px}.security-note{margin-top:22px;padding:15px 16px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid #23414c;border-radius:11px;background:#0b1b24aa}.security-note b{display:block;font-size:14px}.security-note small{display:block;color:#7f919a;margin-top:4px}.twofa{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.7px}.mini-lock{width:40px;height:40px;border-radius:9px;background:#192a33;position:relative}.mini-lock:before{content:"";position:absolute;left:12px;top:16px;width:14px;height:13px;border:2px solid var(--gold);border-radius:3px}.mini-lock:after{content:"";position:absolute;left:15px;top:9px;width:8px;height:9px;border:2px solid var(--gold);border-bottom:0;border-radius:7px 7px 0 0}
.robot-wrap{position:absolute;z-index:-1;right:-12px;bottom:-30px;width:min(42vw,690px);height:90vh;pointer-events:none;opacity:.96;filter:drop-shadow(0 0 30px #15bfc329)}.robot-wrap:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--bg) 0%,transparent 28%),linear-gradient(0deg,var(--bg) 0%,transparent 24%);pointer-events:none}.robot-wrap img{width:100%;height:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:screen}
.security-orbit{position:absolute;z-index:-2;left:2vw;top:50%;transform:translateY(-50%);width:min(33vw,540px);aspect-ratio:1;opacity:.82}.orbit{position:absolute;border:1px solid #9f78373e;border-radius:50%;inset:5%;box-shadow:0 0 35px #d79f3414}.orbit-1:before,.orbit-1:after,.orbit-2:before{content:"";position:absolute;border:1px dashed #159b9f3f;border-radius:50%;inset:11%}.orbit-1:after{inset:27%;border-color:#d99f3d52}.orbit-2{inset:18%;border-style:dotted}.shield{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:210px;clip-path:polygon(50% 0,90% 18%,86% 70%,50% 100%,14% 70%,10% 18%);border:2px solid transparent;background:linear-gradient(#d8a34b18,#0f9e9d10);box-shadow:inset 0 0 0 2px #d6a14266,0 0 50px #d6a14220}.lock{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:68px;height:62px;border:3px solid #dfa94b;border-radius:8px;box-shadow:0 0 24px #dda8474a}.lock:before{content:"";position:absolute;left:14px;top:-34px;width:34px;height:35px;border:3px solid #dfa94b;border-bottom:0;border-radius:25px 25px 0 0}.lock span{position:absolute;left:29px;top:20px;width:8px;height:19px;background:#dfa94b;border-radius:10px;box-shadow:0 0 12px #dfa94b}
@media(max-width:1100px){.security-orbit{left:-12vw;opacity:.35}.robot-wrap{right:-18vw;width:60vw;opacity:.5}.login-card{background:#08141bf1}}
@media(max-width:700px){body{overflow:auto}.page-shell{padding:18px;min-height:100svh}.security-orbit{display:none}.robot-wrap{right:-50%;width:110vw;opacity:.18}.login-card{padding:30px 22px 24px;border-radius:20px}.form-row{align-items:flex-start;flex-direction:column}.private-note{display:none}.security-note{grid-template-columns:38px 1fr}.twofa{display:none}h1{font-size:30px}}