@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#050b12;--panel:#07131ded;--line:#1b4250;--text:#edf7f7;--muted:#8ca4ae;--cyan:#42f5e6;--green:#7cff6b;--mono:'IBM Plex Mono',Consolas,monospace;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;padding:72px max(28px,7vw);color:var(--text);font-family:var(--sans);display:flex;align-items:center;background:#030910 url('/cyber-portal-bg.png') center/cover fixed no-repeat;position:relative;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,9,16,.34),rgba(3,9,16,.12) 47%,rgba(3,9,16,.2)),linear-gradient(0deg,rgba(3,9,16,.34),transparent 55%);pointer-events:none}body:after{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 62%);pointer-events:none}
.auth-status{position:fixed;z-index:2;top:24px;left:max(28px,7vw);color:#78a0aa;font:500 10px var(--mono);letter-spacing:.13em}.auth-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:9px;animation:status 2.5s ease-in-out infinite}
.auth-shell{position:relative;z-index:1;width:min(500px,100%);padding:38px 42px 40px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(145deg,rgba(7,19,29,.97),rgba(5,14,23,.94));box-shadow:0 28px 100px #000b,0 0 0 1px rgba(66,245,230,.025) inset;backdrop-filter:blur(16px);overflow:hidden}.auth-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(66,245,230,.018) 1px,transparent 1px);background-size:100% 4px;pointer-events:none}.auth-shell:after{content:'';position:absolute;top:0;left:0;width:115px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.brand{position:relative;display:inline-flex;color:inherit;text-decoration:none}.brand img{display:block;width:220px;height:auto}h1{font-size:clamp(28px,4vw,36px);line-height:1.15;letter-spacing:-1.4px;margin:34px 0 12px}h1:before{content:'// ACCOUNT ACCESS';display:block;color:var(--cyan);font:500 9px var(--mono);letter-spacing:.15em;margin-bottom:13px}h2{font-size:19px;margin-top:32px}p,small{color:var(--muted);line-height:1.65}p{font-size:14px;overflow-wrap:anywhere}form{display:grid;gap:18px;margin:28px 0}label{display:grid;gap:9px;color:#bfd0d5;font:500 11px var(--mono);letter-spacing:.02em}input{width:100%;padding:13px 14px;background:#030d15;color:var(--text);border:1px solid #28516a;border-radius:2px;font:400 15px var(--sans);transition:.2s}input:hover{border-color:#377087}input:focus{border-color:var(--cyan);outline:1px solid var(--cyan);box-shadow:0 0 20px rgba(66,245,230,.07)}small{font:400 10px/1.65 var(--mono);letter-spacing:0}.domain-field{display:flex;align-items:stretch;background:#030d15;border:1px solid #28516a;border-radius:2px;overflow:hidden;transition:.2s}.domain-field:focus-within{border-color:var(--cyan);outline:1px solid var(--cyan);box-shadow:0 0 20px rgba(66,245,230,.07)}.domain-field input{min-width:0;border:0;outline:0;box-shadow:none}.domain-field input:focus{outline:0;box-shadow:none}.domain-field span{display:flex;align-items:center;padding:0 13px 0 0;color:var(--cyan);font:500 12px var(--mono);white-space:nowrap}.cf-turnstile{min-height:65px;width:100%}button{font:600 11px var(--mono);letter-spacing:.04em;padding:14px 16px;border-radius:2px;border:1px solid #247083;background:#0b2c40;color:white;cursor:pointer;transition:.2s}.primary{background:var(--cyan);border-color:var(--cyan);color:#001821}.primary:hover{background:#86fff4;transform:translateY(-1px);box-shadow:0 8px 30px rgba(66,245,230,.15)}nav{display:flex;justify-content:space-between;gap:20px;font:500 11px var(--mono)}a{color:var(--cyan)}nav a{text-decoration:none;border-bottom:1px solid #28525c;padding-bottom:2px}.message{padding:13px;border:1px solid #176276;background:#063145;border-radius:2px;font-size:13px;line-height:1.5;margin-top:20px}.error{border-color:#a05e4a;background:#37241f}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@keyframes status{50%{opacity:.35}}@media(max-width:720px){body{padding:70px 16px 30px;background-position:68% center}.auth-status{left:18px;top:20px}.auth-shell{padding:30px 24px 32px;background:rgba(5,14,23,.96)}.brand img{width:195px}.domain-field{display:block}.domain-field span{padding:0 13px 13px}nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.auth-status span{animation:none}}