.login-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#02060b;color:#dffaff}.login-grid{position:absolute;inset:-25%;background:linear-gradient(#19dfff10 1px,transparent 1px),linear-gradient(90deg,#19dfff10 1px,transparent 1px);background-size:46px 46px;transform:perspective(420px) rotateX(58deg) translateY(20%);transform-origin:center bottom;animation:login-grid-drift 14s linear infinite;opacity:.42}.login-noise{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#06313d45,transparent 32%),radial-gradient(circle at 50% 50%,transparent 35%,#000 100%);pointer-events:none}.login-panel{position:relative;width:min(470px,calc(100vw - 48px));padding:42px 38px 32px;border:1px solid #43e6ff70;background:linear-gradient(145deg,#06141ff2,#02080ff5);box-shadow:0 0 60px #00d9ff12,inset 0 0 40px #00d9ff08;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);text-align:center;animation:login-panel-in .8s ease-out both}.login-panel:before,.login-panel:after{content:"";position:absolute;width:58px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.login-panel:before{left:26px;top:14px}.login-panel:after{right:26px;bottom:14px}.login-scanline{position:absolute;inset:0;background:linear-gradient(transparent 0,transparent 49%,#5fe7ff09 50%,transparent 51%);background-size:100% 8px;pointer-events:none;opacity:.35}.login-sigil{position:relative;width:76px;height:76px;margin:0 auto 24px;border:1px solid var(--cyan);transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 28px #22dfff22,0 0 70px #22dfff0d;animation:login-sigil-pulse 3s ease-in-out infinite}.login-sigil span{transform:rotate(-45deg);font-size:32px;color:var(--cyan);text-shadow:0 0 14px var(--cyan)}.login-eyebrow{font-size:8px;letter-spacing:.24em;color:#63d8ec;font-weight:800}.login-panel h1{margin:10px 0 2px;font-size:clamp(40px,9vw,58px);letter-spacing:.13em;line-height:1;text-shadow:0 0 18px #5fe7ff33}.login-subtitle{margin:9px 0 25px;font-size:9px;letter-spacing:.25em;color:#87a8b5}.login-status{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;margin:0 auto 20px;padding:8px 11px;border:1px solid #5fe7ff20;background:#06141c88;text-align:left;font-size:7px;letter-spacing:.12em;color:#7fa5b3}.login-status i{width:5px;height:5px;border-radius:50%;background:#5fffbe;box-shadow:0 0 9px #5fffbe;animation:login-status-blink 1.5s ease-in-out infinite}.login-status b{font-size:6px;color:#5fffbe}.google-login{position:relative;width:100%;min-height:54px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:0 15px;border:1px solid #5fe7ff9a;background:linear-gradient(90deg,#073747,#061c28);color:#eaffff;cursor:pointer;box-shadow:0 0 18px #00d9ff12,inset 0 0 20px #00d9ff0a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .2s,border-color .2s,box-shadow .2s}.google-login:hover{border-color:var(--cyan);box-shadow:0 0 28px #00d9ff24}.google-login:active{transform:scale(.985)}.google-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff35;border-radius:50%;font-weight:900;background:#fff;color:#222}.google-login>span:nth-child(2){text-align:left;font-size:9px;font-weight:900;letter-spacing:.12em}.google-login small{font-size:6px;letter-spacing:.12em;color:#6d9aa9}.login-note{margin:18px 8px 0;font-size:8px;line-height:1.6;color:#557381}.login-corner{position:absolute;font-size:7px;letter-spacing:.2em;color:#426673}.corner-tl{top:18px;left:20px}.corner-br{right:20px;bottom:18px}.login-orbit{position:absolute;border:1px solid #5fe7ff10;border-radius:50%;pointer-events:none}.orbit-a{width:min(72vw,680px);height:min(72vw,680px);animation:login-orbit 22s linear infinite}.orbit-b{width:min(48vw,460px);height:min(48vw,460px);border-color:#5fe7ff16;animation:login-orbit 15s linear infinite reverse}.orbit-a:after,.orbit-b:after{content:"";position:absolute;width:7px;height:7px;top:50%;left:-4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}@keyframes login-grid-drift{to{background-position:0 46px,46px 0}}@keyframes login-panel-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes login-sigil-pulse{50%{box-shadow:0 0 38px #22dfff35,0 0 90px #22dfff12}}@keyframes login-status-blink{50%{opacity:.35}}@keyframes login-orbit{to{transform:rotate(360deg)}}@media(max-width:600px){.login-panel{padding:34px 24px 27px}.login-sigil{width:64px;height:64px}.login-sigil span{font-size:27px}.login-panel h1{font-size:42px}.google-login{grid-template-columns:30px 1fr}.google-login small{display:none}}
.login-screen.is-hidden{display:none}
.google-login:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.35)}