.login-screen{--c:94, 242, 255;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;color:#e6f1ff;background:#04070d;min-height:100vh;position:relative;overflow:hidden}.login-screen .container{z-index:1;position:relative}.login-screen .card{border:1px solid rgba(var(--c), .3);-webkit-backdrop-filter:blur(6px)saturate(1.3);backdrop-filter:blur(6px)saturate(1.3);box-shadow:0 0 0 1px #0009, 0 0 60px rgba(var(--c), .14), 0 30px 80px #000000b3, inset 0 0 40px rgba(var(--c), .06);color:#e6f1ff;background:linear-gradient(#08121ecc,#03070de0);border-radius:3px;padding:30px 28px 22px;animation:7s infinite login-flicker;position:relative;overflow:hidden}.login-screen .card:before{content:"";pointer-events:none;--l:rgb(var(--c));background:linear-gradient(var(--l) 0 0) top left / 16px 2px no-repeat, linear-gradient(var(--l) 0 0) top left / 2px 16px no-repeat, linear-gradient(var(--l) 0 0) top right / 16px 2px no-repeat, linear-gradient(var(--l) 0 0) top right / 2px 16px no-repeat, linear-gradient(var(--l) 0 0) bottom left / 16px 2px no-repeat, linear-gradient(var(--l) 0 0) bottom left / 2px 16px no-repeat, linear-gradient(var(--l) 0 0) bottom right / 16px 2px no-repeat, linear-gradient(var(--l) 0 0) bottom right / 2px 16px no-repeat;filter:drop-shadow(0 0 4px rgba(var(--c), .9));position:absolute;inset:6px}.login-screen .card:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 3px), linear-gradient(180deg, transparent, rgba(var(--c), .1) 50%, transparent) 0 -100% / 100% 40% no-repeat;animation:4.5s linear infinite login-sweep;position:absolute;inset:0}.login-screen h1{font-family:var(--mono);letter-spacing:.14em;color:#effdff;text-shadow:-2px 0 #ff3c64a6, 2px 0 #3cc8ffa6, 0 0 18px rgba(var(--c), .6);margin-bottom:6px;font-size:32px;font-weight:700;animation:5s infinite login-glitch}.login-screen h1:before{content:"// SECURE ACCESS";letter-spacing:.32em;color:rgba(var(--c), .75);text-shadow:0 0 8px rgba(var(--c), .6);margin-bottom:10px;font-size:11px;font-weight:400;display:block}.login-screen h1.login-brand{animation:none}.login-screen .login-brand-logo{width:auto;max-width:100%;height:44px;display:block}.login-screen .login-sub{font-family:var(--mono);color:#8fa3b8;margin:4px 0}.login-screen .login-sub:before{content:"> ";color:rgba(var(--c), .9)}.login-screen form{margin-top:22px}.login-screen .field{margin-bottom:18px;position:relative}.login-screen label{font-family:var(--mono);letter-spacing:.25em;color:rgba(var(--c), .8);margin-bottom:6px;font-size:11px;font-weight:400;display:block}.login-screen .field:after{content:">";height:40px;line-height:40px;font-family:var(--mono);color:rgba(var(--c), .85);pointer-events:none;font-size:14px;position:absolute;bottom:0;left:10px}.login-screen input{border:0;border-bottom:1px solid rgba(var(--c), .35);color:#effdff;width:100%;height:40px;caret-color:rgb(var(--c));font-family:var(--mono);letter-spacing:.04em;background:#00000073;border-radius:0;padding:0 12px 0 28px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.login-screen input:focus{border-bottom-color:rgb(var(--c));background:rgba(var(--c), .06);box-shadow:0 1px 0 rgb(var(--c)), 0 10px 24px -14px rgba(var(--c), .9);outline:none}.login-screen input:-webkit-autofill{-webkit-text-fill-color:#effdff;caret-color:rgb(var(--c));-webkit-box-shadow:inset 0 0 0 100px #061019}.login-screen .btn{border:1px solid rgba(var(--c), .75);background:rgba(var(--c), .12);color:#effdff;font-family:var(--mono);letter-spacing:.4em;text-shadow:0 0 10px rgba(var(--c), .9);box-shadow:0 0 20px rgba(var(--c), .25), inset 0 0 14px rgba(var(--c), .18);cursor:pointer;border-radius:2px;margin-top:6px;padding:12px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s;position:relative;overflow:hidden}.login-screen .btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;height:100%;animation:3.5s ease-in-out infinite login-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.login-screen .btn:hover{background:rgba(var(--c), .24);box-shadow:0 0 34px rgba(var(--c), .5), inset 0 0 18px rgba(var(--c), .3)}.login-screen .btn:active{transform:translateY(1px)}.login-screen .btn:disabled{opacity:.5;cursor:default}.login-screen a{font-family:var(--mono);letter-spacing:.08em;color:rgba(var(--c), .85);font-size:12px;text-decoration:none}.login-screen a:hover{color:#effdff;text-shadow:0 0 8px rgba(var(--c), .8);text-decoration:underline}.login-screen form:after{content:"● SYSTEM ONLINE   //   ENCRYPTED";border-top:1px dashed rgba(var(--c), .22);font-family:var(--mono);letter-spacing:.22em;text-align:center;white-space:pre;color:#6effaaa6;margin-top:18px;padding-top:12px;font-size:10px;display:block}@keyframes login-sweep{0%{background-position:0 0,0 -100%}to{background-position:0 0,0 200%}}@keyframes login-shine{0%,60%{left:-60%}to{left:130%}}@keyframes login-flicker{0%,95%,to{opacity:1}96%{opacity:.86}97%{opacity:1}98%{opacity:.92}}@keyframes login-glitch{0%,90%,to{text-shadow:-2px 0 #ff3c64a6, 2px 0 #3cc8ffa6, 0 0 18px rgba(var(--c), .6);transform:none}91%{text-shadow:-6px 0 #ff3c64e6, 6px 0 #3cc8ffe6, 0 0 18px rgba(var(--c), .6);transform:translate(-3px)skew(-10deg)}93%{text-shadow:4px 0 #ff3c64e6, -4px 0 #3cc8ffe6, 0 0 18px rgba(var(--c), .6);transform:translate(3px)}95%{transform:none}}@media (prefers-reduced-motion:reduce){.login-screen .card,.login-screen .card:after,.login-screen h1,.login-screen .btn:after{animation:none}}.login-screen .login-msg{font-family:var(--mono);border:1px solid #0000;border-left-width:3px;border-radius:2px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.5}.login-screen .login-msg--error{color:#ff8a98;background:#ff5c6e14;border-color:#ff5c6e59 #ff5c6e59 #ff5c6e59 #ff5c6e}.login-screen .login-msg--error:before{content:"! "}.login-screen .login-msg--info{color:#5ef2ff;background:#5ef2ff0f;border-color:#5ef2ff4d #5ef2ff4d #5ef2ff4d #5ef2ff}.login-screen .login-msg--info:before{content:"> "}