/*!
 * SynapseMail
 * Copyright (c) 2026 SynapseCyber.io. All rights reserved.
 * Developed by Milad Ahmadipour (https://milad.io).
 *
 * Licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
 * International License (CC BY-NC-ND 4.0). You may use and share it free of charge
 * with attribution. You may not modify it, distribute modified versions, or sell it.
 * https://creativecommons.org/licenses/by-nc-nd/4.0/
 */
:root {
  --bg: #080b09; --bg-soft: #0d110e; --panel: rgba(14,18,14,.95); --panel-2: rgba(22,27,21,.94);
  --line: rgba(188,206,151,.16); --line-strong: rgba(188,206,151,.34); --text: #e7eadf; --muted: #899084; --dim: #5c655b;
  --accent: #b4cc77; --accent-2: #80994e; --amber: #e5aa4f; --red: #e26b56; --cyan: #69b3ad;
  color-scheme: dark;
}
:root[data-theme="blackops"] { --bg:#090806; --bg-soft:#15100c; --panel:rgba(21,16,11,.95); --panel-2:rgba(31,23,16,.94); --line:rgba(236,151,73,.16); --line-strong:rgba(236,151,73,.36); --text:#f0e7dd; --muted:#9d8b7b; --dim:#695d53; --accent:#ef9549; --accent-2:#b96127; --amber:#ffc06a; --cyan:#d47b55; }
:root[data-theme="night"] { --bg:#020704; --bg-soft:#061009; --panel:rgba(4,15,8,.95); --panel-2:rgba(7,23,12,.94); --line:rgba(93,242,128,.15); --line-strong:rgba(93,242,128,.36); --text:#d8ffe0; --muted:#72a97e; --dim:#476b4f; --accent:#66f08a; --accent-2:#35b65a; --amber:#a7f6b5; --cyan:#69e69d; }
:root[data-theme="agency"] { --bg:#061016; --bg-soft:#0a171e; --panel:rgba(8,22,29,.95); --panel-2:rgba(13,31,39,.94); --line:rgba(117,175,194,.16); --line-strong:rgba(117,175,194,.36); --text:#e4edf0; --muted:#829ba4; --dim:#526872; --accent:#79b6c9; --accent-2:#4f8799; --amber:#d9ad62; --cyan:#74c2d4; }

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; min-height: 100vh; overflow-x: hidden; color: var(--text); background: var(--bg); font: 14px Inter, system-ui, sans-serif; }
button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.atmosphere { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: radial-gradient(circle at 73% 45%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 36%), radial-gradient(circle at 9% 89%, color-mix(in srgb, var(--amber) 7%, transparent), transparent 28%), var(--bg); }
.grid-plane { position: absolute; inset: -20%; opacity: .38; background-image: linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px); background-size: 54px 54px; transform: perspective(600px) rotateX(65deg) translateY(30%); transform-origin: center bottom; mask-image: linear-gradient(to top, #000, transparent 73%); animation: grid-shift 14s linear infinite; }
.topo-map { position: absolute; inset: -15%; opacity: .17; background: repeating-radial-gradient(ellipse at 17% 72%, transparent 0 25px, color-mix(in srgb, var(--accent) 22%, transparent) 26px 27px, transparent 28px 44px), repeating-radial-gradient(ellipse at 82% 14%, transparent 0 32px, color-mix(in srgb, var(--amber) 14%, transparent) 33px 34px, transparent 35px 58px); transform: rotate(-6deg) scale(1.08); animation: topo-drift 20s ease-in-out infinite alternate; }
.radar { position: absolute; right: -7vw; top: 50%; width: min(54vw, 780px); aspect-ratio: 1; transform: translateY(-44%); border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent); border-radius: 50%; opacity: .52; }
.radar::before, .radar::after { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:color-mix(in srgb, var(--accent) 18%, transparent); }.radar::after { transform:rotate(90deg); }
.radar i { position:absolute; inset:16.5%; border:1px solid color-mix(in srgb, var(--accent) 22%, transparent); border-radius:50%; }.radar i:nth-child(2){inset:33%;}.radar i:nth-child(3){inset:49%;}
.radar span { position:absolute; inset:-1px; border-radius:50%; background:conic-gradient(from 0deg, transparent 0 310deg, color-mix(in srgb, var(--accent) 2%, transparent) 312deg, color-mix(in srgb, var(--accent) 30%, transparent) 350deg, transparent 360deg); animation: radar-spin 7s linear infinite; }
.radar b { position:absolute; width:6px; height:6px; background:var(--accent); box-shadow:0 0 14px var(--accent); border-radius:50%; animation:target-pulse 2.3s ease-in-out infinite; }.radar b:nth-of-type(1){left:29%;top:38%;}.radar b:nth-of-type(2){left:63%;top:27%;animation-delay:.8s}.radar b:nth-of-type(3){left:57%;top:67%;animation-delay:1.5s}
.scanline { position:absolute; left:0; right:0; height:160px; top:-180px; opacity:.09; background:linear-gradient(to bottom,transparent,var(--accent),transparent); animation:vertical-scan 8s linear infinite; }
.noise { position:fixed; inset:0; z-index:1000; pointer-events:none; opacity:.17; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.glitch-flash { position:fixed; inset:0; z-index:900; pointer-events:none; opacity:0; background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--red) 28%,transparent) 4px 5px); mix-blend-mode:screen; }

.access-header { position:relative; z-index:5; height:74px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,4vw,64px); border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:11px; width:max-content; color:var(--text); text-decoration:none; }.brand-mark { display:block; flex:0 0 42px; width:42px; aspect-ratio:1; background:var(--accent); -webkit-mask:url("assets/synapse-cyber-logo.svg") center/contain no-repeat; mask:url("assets/synapse-cyber-logo.svg") center/contain no-repeat; filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 28%,transparent)); transition:background-color .22s ease,filter .22s ease; }.brand > span { display:grid; line-height:1; }.brand strong { font:700 23px/1 Barlow Condensed,sans-serif; letter-spacing:.15em; }.brand small { color:var(--muted); font:500 8px/1.5 IBM Plex Mono,monospace; letter-spacing:.25em; }
.gateway-state { display:flex; align-items:center; gap:8px; height:32px; padding:0 12px; border:1px solid var(--line); color:var(--muted); font:500 9px IBM Plex Mono,monospace; letter-spacing:.1em; }.gateway-state strong{color:var(--accent)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite;}
.access-header time { justify-self:end; color:var(--muted); font:500 10px IBM Plex Mono,monospace; letter-spacing:.1em; }

.login-stage { position:relative; z-index:4; min-height:calc(100vh - 122px); display:grid; grid-template-columns:minmax(420px,1fr) minmax(380px,500px); align-items:center; gap:clamp(45px,8vw,130px); max-width:1440px; margin:0 auto; padding:55px clamp(24px,6vw,92px) 70px; }
.mission-brief { max-width:620px; align-self:center; }.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font:600 9px IBM Plex Mono,monospace;letter-spacing:.16em}.eyebrow i{width:32px;height:1px;background:var(--line-strong)}
.mission-brief > * { transition: opacity .55s ease, transform .55s ease; }.mission-brief > *:nth-child(2){transition-delay:.06s}.mission-brief > *:nth-child(3){transition-delay:.12s}.mission-brief > *:nth-child(4){transition-delay:.18s}.mission-brief > *:nth-child(5){transition-delay:.24s}
.booting .mission-brief > * { opacity: 0; transform: translateY(10px); }
.glitch-title { position:relative; max-width:650px; margin:19px 0 18px; font:700 clamp(54px,7.5vw,112px)/.79 Barlow Condensed,sans-serif; letter-spacing:-.02em; text-transform:uppercase; text-wrap:balance; }.glitch-title::before,.glitch-title::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch-title::before{color:var(--cyan);transform:translateX(-3px);clip-path:inset(10% 0 65%)}.glitch-title::after{color:var(--red);transform:translateX(3px);clip-path:inset(58% 0 12%)}
.mission-brief>p { max-width:510px; color:var(--muted); font-size:13px; line-height:1.75; }
.system-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;margin:34px 0 30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.system-readout div{min-height:58px;display:grid;align-content:center;gap:5px;padding:0 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 68%,transparent)}.system-readout span{color:var(--dim);font:500 8px IBM Plex Mono,monospace;letter-spacing:.13em}.system-readout strong{font:600 11px IBM Plex Mono,monospace;color:#b9beb5}.system-readout .elevated{color:var(--amber)}
.boot-log{max-width:500px;padding:13px 15px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-soft) 78%,transparent);font:400 9px IBM Plex Mono,monospace}.boot-log div{display:grid;grid-template-columns:50px 1fr auto;gap:12px;padding:4px 0;color:var(--muted);opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.boot-log div:nth-child(2){transition-delay:.1s}.boot-log div:nth-child(3){transition-delay:.2s}.boot-log div:nth-child(4){transition-delay:.3s}.boot-log time{color:var(--dim)}.boot-log b{color:var(--accent);font-weight:500}.boot-log b.standby{color:var(--amber)}

.auth-shell { position:relative; width:100%; padding:28px 28px 0; border:1px solid var(--line-strong); background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 38%),var(--panel); box-shadow:0 32px 90px rgba(0,0,0,.42); clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); transform:translateY(12px); opacity:0; transition:opacity .65s ease,transform .65s cubic-bezier(.22,.8,.24,1),border-color .2s ease,box-shadow .2s ease; }
.corner{position:absolute;width:18px;height:18px;pointer-events:none}.corner::before,.corner::after{content:"";position:absolute;background:var(--accent)}.corner::before{width:10px;height:1px}.corner::after{width:1px;height:10px}.corner-tl{left:-1px;top:-1px}.corner-tr{right:-1px;top:-1px;transform:rotate(90deg)}.corner-bl{left:-1px;bottom:-1px;transform:rotate(-90deg)}.corner-br{right:-1px;bottom:-1px;transform:rotate(180deg)}
.auth-heading{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;margin-bottom:28px}.clearance-icon{width:43px;height:43px;display:grid;place-items:center;position:relative;border:1px solid var(--line-strong);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.clearance-icon svg{width:22px}.clearance-icon span{position:absolute;right:3px;bottom:3px;width:5px;height:5px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.auth-heading>div:nth-child(2){display:grid}.auth-heading span{color:var(--accent);font:500 8px IBM Plex Mono,monospace;letter-spacing:.12em}.auth-heading h2{margin:3px 0 0;font:700 23px Barlow Condensed,sans-serif;letter-spacing:.12em}.auth-heading>b{align-self:start;color:var(--dim);font:500 9px IBM Plex Mono,monospace}
.field{display:grid;gap:8px;margin-bottom:18px}.field-label{color:var(--muted);font:600 9px IBM Plex Mono,monospace;letter-spacing:.13em}.field-control{height:52px;display:grid;grid-template-columns:38px 1fr auto 28px;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);transition:.2s ease}.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}.field-control>svg{justify-self:center;width:17px;color:var(--dim)}.field-control input{height:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:500 12px IBM Plex Mono,monospace}.field-control input::placeholder{color:var(--dim)}.field-control button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--dim);cursor:pointer}.field-control button:hover{color:var(--accent)}.field-control button svg{width:16px}.field-control em{color:var(--dim);font:normal 500 8px IBM Plex Mono,monospace}
.form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 20px}.secure-check{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em;cursor:pointer}.secure-check input{position:absolute;opacity:0;pointer-events:none}.secure-check>span{width:13px;height:13px;border:1px solid var(--line-strong);position:relative}.secure-check input:checked+span{background:var(--accent);border-color:var(--accent)}.secure-check input:checked+span::after{content:"";position:absolute;left:3px;top:0;width:3px;height:7px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.recovery-link{border:0;background:transparent;color:var(--dim);font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em;cursor:pointer}.recovery-link:hover{color:var(--accent)}
.auth-error{display:none;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:56px;margin:0 0 15px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--red) 55%,transparent);background:color-mix(in srgb,var(--red) 8%,transparent);color:var(--red)}.auth-error.visible{display:grid}.auth-error>svg{width:18px}.auth-error>span{display:grid}.auth-error b{font:600 10px IBM Plex Mono,monospace;letter-spacing:.1em}.auth-error small{color:color-mix(in srgb,var(--red) 70%,var(--muted));font:400 8px IBM Plex Mono,monospace;margin-top:3px}.auth-error em{font:normal 500 8px IBM Plex Mono,monospace}
.access-button{position:relative;overflow:hidden;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--accent);background:var(--accent);color:#11150e;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;font:700 11px IBM Plex Mono,monospace;letter-spacing:.12em}.access-button:hover{filter:brightness(1.08);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 14%,transparent)}.access-button:disabled{cursor:wait;filter:saturate(.65)}.access-button svg{width:17px}.access-button>b{position:absolute;top:0;bottom:0;left:-40%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg)}.access-button:hover>b{animation:button-glint .7s ease}
.demo-access{display:grid;gap:7px;margin:17px 0 22px;padding:11px 12px;border:1px dashed var(--line);background:color-mix(in srgb,var(--accent) 3%,transparent)}.demo-access>span{color:var(--dim);font:500 7px IBM Plex Mono,monospace;letter-spacing:.15em}.demo-access button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;text-align:left;font:500 9px IBM Plex Mono,monospace}.demo-access button b{color:var(--text);font-weight:500}.demo-access button i{color:var(--dim);font-style:normal}.demo-access button em{margin-left:auto;color:var(--accent);font-style:normal;font-weight:600}.demo-access button:hover em{text-decoration:underline}
.auth-footer{height:42px;margin:0 -28px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line);color:var(--dim);font:500 7px IBM Plex Mono,monospace;letter-spacing:.08em}.auth-footer span{display:flex;align-items:center;gap:6px}.auth-footer svg{width:12px;color:var(--accent)}

.theme-dock{position:fixed;z-index:8;left:clamp(20px,4vw,64px);bottom:55px;display:flex;align-items:center;gap:9px;color:var(--dim);font:500 7px IBM Plex Mono,monospace;letter-spacing:.12em}.theme-dock>span{margin-right:3px}.theme-dot{width:15px;height:15px;border:1px solid rgba(255,255,255,.16);background:#b4cc77;cursor:pointer;transform:rotate(45deg);transition:.16s ease}.theme-dot.blackops{background:#ef9549}.theme-dot.night{background:#66f08a}.theme-dot.agency{background:#79b6c9}.theme-dot.active{box-shadow:0 0 0 2px var(--bg),0 0 0 3px currentColor;transform:rotate(45deg) scale(.78)}
.security-footer{position:relative;z-index:4;height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);border-top:1px solid var(--line);color:var(--dim);font:500 8px IBM Plex Mono,monospace;letter-spacing:.08em}.security-footer span{display:flex;align-items:center;gap:7px}.security-footer span:nth-child(2){justify-self:center}.security-footer span:nth-child(3){justify-self:end}.security-footer svg{width:13px;color:var(--accent)}.credit-link{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);color:var(--dim);font:500 6px IBM Plex Mono,monospace;letter-spacing:.08em;text-decoration:none;opacity:.45;white-space:nowrap;transition:color .18s ease,opacity .18s ease}.credit-link:hover{color:var(--accent);opacity:.9}

.processing-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s ease}.processing-screen.active{opacity:1;pointer-events:auto}.processing-core{width:min(560px,calc(100vw - 34px));text-align:center}.scan-emblem{width:118px;aspect-ratio:1;margin:0 auto 26px;position:relative;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center}.scan-emblem::before,.scan-emblem::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:12px}.scan-emblem::after{inset:27px}.scan-emblem>div{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(transparent 0 280deg,var(--accent) 345deg,transparent 360deg);animation:radar-spin 1.6s linear infinite}.scan-emblem>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--bg-soft);color:var(--accent)}.scan-emblem svg{width:26px}.processing-kicker{color:var(--accent);font:600 9px IBM Plex Mono,monospace;letter-spacing:.18em}.processing-core h2{margin:10px 0 7px;font:700 clamp(27px,5vw,42px) Barlow Condensed,sans-serif;letter-spacing:.1em}.processing-core>p{margin:0 0 32px;color:var(--muted);font:400 10px IBM Plex Mono,monospace}.progress-track{position:relative;height:8px;border:1px solid var(--line-strong);padding:2px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.progress-track b{position:absolute;inset:0 auto 0 -20%;width:16%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:progress-glint 1.05s ease-in-out infinite}.progress-meta{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font:500 8px IBM Plex Mono,monospace;letter-spacing:.1em}.progress-meta strong{color:var(--accent)}.verification-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.verification-grid span{display:grid;gap:6px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--dim);font:500 7px IBM Plex Mono,monospace;letter-spacing:.1em}.verification-grid b{color:var(--muted);font-weight:500}.verification-grid b.verified{color:var(--accent)}
.toast{position:fixed;z-index:250;left:50%;bottom:25px;min-width:300px;height:44px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line-strong);border-left:3px solid var(--amber);background:var(--bg-soft);color:var(--text);font:500 9px IBM Plex Mono,monospace;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s ease}.toast.visible{transform:translate(-50%,0);opacity:1}.toast svg{width:16px;color:var(--amber)}

body.error-state .auth-shell{border-color:color-mix(in srgb,var(--red) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--red) 25%,transparent),0 25px 90px rgba(0,0,0,.55)}body.error-state .glitch-flash{animation:error-flash .5s steps(2)}body.error-state .glitch-title::before,body.error-state .glitch-title::after{animation:title-glitch .45s steps(2)}
body.processing .access-header,body.processing .login-stage,body.processing .security-footer,body.processing .theme-dock{filter:blur(7px);transform:scale(1.01)}

@keyframes grid-shift{to{background-position:0 54px,54px 0}}@keyframes topo-drift{to{transform:rotate(-3deg) scale(1.13) translate3d(1.5%,-1%,0)}}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes target-pulse{50%{opacity:.35;box-shadow:0 0 3px var(--accent)}}@keyframes vertical-scan{to{top:110%}}@keyframes pulse{60%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}@keyframes button-glint{to{left:120%}}@keyframes progress-glint{to{left:120%}}@keyframes error-flash{0%,100%{opacity:0}20%,60%{opacity:.8;transform:translateX(5px)}40%,80%{opacity:.25;transform:translateX(-5px)}}@keyframes title-glitch{0%,100%{opacity:0}20%,80%{opacity:.8}40%,60%{opacity:.35;transform:translateX(6px)}}

@media(min-width:981px) and (max-height:800px){.access-header{height:64px}.login-stage{min-height:calc(100vh - 104px);padding-top:26px;padding-bottom:30px}.glitch-title{font-size:clamp(52px,6vw,82px);margin:13px 0 12px}.mission-brief>p{line-height:1.55}.system-readout{margin-top:20px;margin-bottom:18px}.system-readout div{min-height:50px}.boot-log{padding-top:9px;padding-bottom:9px}.security-footer{height:40px}.theme-dock{bottom:45px}.auth-shell{padding-top:22px}.auth-heading{margin-bottom:20px}.field{margin-bottom:14px}.demo-access{margin-top:13px;margin-bottom:15px}}
@media(max-width:980px){.login-stage{grid-template-columns:1fr;max-width:610px;gap:38px;padding-top:38px}.mission-brief{text-align:center}.mission-brief>p,.system-readout,.boot-log{margin-left:auto;margin-right:auto}.eyebrow{justify-content:center}.glitch-title{font-size:clamp(54px,13vw,90px)}.radar{right:-35vw;width:90vw;opacity:.28}.theme-dock{position:relative;left:auto;bottom:auto;z-index:4;justify-content:center;margin:-35px 0 25px}.security-footer span:nth-child(2){display:none}.security-footer{grid-template-columns:1fr 1fr}.login-stage{padding-bottom:75px}}
@media(max-width:600px){.access-header{height:64px;grid-template-columns:1fr auto;padding-inline:16px}.gateway-state{display:none}.access-header time{font-size:8px}.brand-mark{flex-basis:34px;width:34px}.brand strong{font-size:20px}.login-stage{min-height:calc(100vh - 108px);padding:30px 14px 62px}.mission-brief>p{font-size:12px}.system-readout{margin-top:25px}.boot-log{display:none}.auth-shell{padding:22px 18px 0}.auth-footer{margin-inline:-18px}.form-options{align-items:flex-start}.recovery-link{max-width:90px;text-align:right}.security-footer{height:44px;padding-inline:14px}.security-footer span:first-child{font-size:7px}.security-footer span:last-child{font-size:6px}.verification-grid{grid-template-columns:1fr}.processing-core{padding-inline:4px}.theme-dock{margin-top:-28px}.glitch-title{font-size:clamp(50px,18vw,76px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}