:root{color-scheme:dark;--bg:#050a09;--panel:#0a1513;--soft:#0e1d1a;--line:#1b312c;--cyan:#2dd8e8;--orange:#c16900;--orange-hover:#a85c00;--green:#42dc84;--text:#f4f1ec;--muted:#a7bbb6;--mono:"IBM Plex Mono",Consolas,monospace;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 10%,rgba(8,81,92,.22),transparent 30%),linear-gradient(rgba(45,216,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(45,216,232,.025) 1px,transparent 1px),var(--bg);background-size:auto,48px 48px,48px 48px,auto;color:var(--text)}
.access-header{padding:17px 24px;border-bottom:1px solid rgba(45,216,232,.18);background:rgba(5,10,9,.9);backdrop-filter:blur(14px)}.access-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1760px,100%);margin-inline:auto}.wordmark{position:relative;display:inline-grid;width:max-content;line-height:.82}.wordmark strong{color:#fff;font:800 1.65rem/1 Arial,sans-serif;letter-spacing:-.06em}.wordmark strong span{color:var(--orange)}.wordmark small{justify-self:end;margin-top:4px;color:var(--orange);font:600 .53rem/1 var(--mono);letter-spacing:.12em}.product-mark{display:flex;align-items:center;gap:10px}.product-mark>b{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--cyan);border-radius:8px;color:var(--cyan);font:700 .78rem var(--mono)}.product-mark>span{display:grid}.product-mark strong{font-size:.8rem}.product-mark small{color:#78908a;font:500 .54rem var(--mono);letter-spacing:.1em}.demo-state{justify-self:end;padding:8px 12px;border:1px solid rgba(66,220,132,.24);border-radius:999px;color:var(--green);font:600 .62rem var(--mono)}.demo-state i,.login-panel__bar i,.environment-note>i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}
.login-shell{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:22px 20px 28px}.login-frame{position:relative;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr);gap:24px;width:min(1760px,100%);padding:22px;border:1px solid color-mix(in srgb,var(--cyan) 29%,var(--line));border-radius:16px;background:linear-gradient(145deg,rgba(10,21,19,.97),rgba(5,10,9,.92));box-shadow:0 24px 70px rgba(0,0,0,.36);overflow:hidden}.login-frame:before,.login-frame:after{content:"";position:absolute;width:78px;height:24px;pointer-events:none}.login-frame:before{left:-1px;top:-1px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan);border-radius:16px 0 0}.login-frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);border-radius:0 0 16px}
.login-intro{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(22px,3vw,42px);border:1px solid rgba(45,216,232,.14);border-radius:13px;background:linear-gradient(rgba(45,216,232,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(45,216,232,.018) 1px,transparent 1px),rgba(5,13,11,.58);background-size:32px 32px;overflow:hidden}.login-intro:before{content:"";position:absolute;left:0;top:11%;bottom:11%;width:2px;background:linear-gradient(transparent,var(--cyan),transparent);box-shadow:0 0 12px rgba(45,216,232,.3)}.eyebrow{margin:0;color:var(--cyan)!important;font:600 .7rem/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase}.login-intro h1{max-width:18ch;margin:12px 0 14px;color:var(--text);font-size:clamp(1.7rem,1.2rem + 1.2vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.intro-copy{max-width:54ch;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.access-flow{display:grid;margin-top:22px;border:1px solid var(--line);border-radius:10px;background:rgba(5,12,10,.62)}.access-flow>div{display:grid;grid-template-columns:42px 1fr;gap:3px 14px;padding:15px 17px;border-bottom:1px solid var(--line)}.access-flow>div:last-child{border-bottom:0}.access-flow span{grid-row:1/3;color:var(--cyan);font:500 .66rem/1.5 var(--mono)}.access-flow strong{font-size:.83rem}.access-flow small{color:#79908a;font-size:.72rem}.environment-note{display:flex;align-items:center;gap:8px;margin:22px 0 0;padding:13px 15px;border:1px solid rgba(66,220,132,.18);border-radius:8px;background:rgba(66,220,132,.035)}.environment-note>span{display:grid}.environment-note strong{font-size:.76rem}.environment-note small{color:#769088;font-size:.68rem}
.login-panel{align-self:center;min-width:0;padding:18px;border:1px solid rgba(45,216,232,.35);border-radius:13px;background:linear-gradient(145deg,rgba(7,20,18,.98),rgba(5,11,10,.96));box-shadow:0 24px 70px rgba(0,0,0,.32)}.login-panel__bar{display:flex;justify-content:space-between;gap:16px;padding:5px 6px 17px;border-bottom:1px solid var(--line);color:#7f9992;font:500 .62rem/1.4 var(--mono)}.login-panel__bar em{color:var(--green);font-style:normal}.login-card{padding:clamp(22px,3vw,40px)}.login-card h2{margin:8px 0 8px;color:var(--text);font-size:clamp(1.35rem,1.15rem + .6vw,1.75rem);line-height:1.12}.login-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:8px;margin-top:25px}.login-card label{margin-top:5px;color:#c9d6d2;font-size:.78rem;font-weight:650}.login-card input{width:100%;border:1px solid #28443e;border-radius:8px;padding:13px 14px;outline:0;background:#06110f;color:var(--text);font:500 .9rem/1.3 Inter,"Segoe UI",Arial,sans-serif;transition:.2s ease}.login-card input:hover{border-color:#38625a}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(45,216,232,.08),0 0 18px rgba(45,216,232,.06)}.login-card input.is-invalid{border-color:#c45c5c;box-shadow:0 0 0 3px rgba(196,92,92,.12)}.login-card button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:13px;border:2px solid var(--orange);border-radius:8px;padding:13px 17px;background:var(--orange);color:#fff;font:700 .9rem/1.3 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:.2s ease}.login-card button:hover{border-color:var(--orange-hover);background:var(--orange-hover);transform:translateY(-1px);box-shadow:0 12px 30px rgba(193,105,0,.18)}.login-card button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.login-card button:disabled{opacity:.6;cursor:wait;transform:none}.login-card #form-error{margin:4px 0 0;padding:10px 12px;border:1px solid rgba(255,105,105,.3);border-radius:7px;background:rgba(255,105,105,.06);color:#ffb5b5;font-size:.75rem}.session-notice{margin:14px 0 0;padding:10px 12px;border:1px solid rgba(45,216,232,.28);border-radius:7px;background:rgba(45,216,232,.06);color:#c9e0da;font-size:.75rem;line-height:1.5}.demo-credentials{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.demo-credentials>span{padding:5px 7px;border:1px solid rgba(66,220,132,.22);border-radius:5px;color:var(--green);font:600 .58rem var(--mono)}.demo-credentials p{margin:0;color:#718a84;font-size:.7rem;line-height:1.55}.demo-credentials code{display:inline;padding:1px 5px;border-radius:4px;background:rgba(3,10,8,.65);color:#c9e0da;font:500 .68rem var(--mono)}
@media(max-width:960px){.access-header__inner{grid-template-columns:1fr auto}.product-mark{display:none}.login-frame{grid-template-columns:1fr;max-width:720px}.login-intro{padding:36px}.login-intro h1{max-width:22ch}.login-panel{width:100%}}
@media(max-width:600px){.access-header{padding:14px 16px}.wordmark strong{font-size:1.35rem}.demo-state{padding:7px 9px;font-size:.55rem}.login-shell{padding:20px 14px}.login-frame{gap:16px;padding:14px}.login-intro{padding:28px 22px}.login-intro h1{font-size:clamp(1.8rem,9vw,2.45rem)}.access-flow{margin-top:24px}.login-panel{padding:12px}.login-panel__bar{flex-direction:column}.login-card{padding:25px 16px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}