.login-shell{--rog-bg:#050608;--rog-red:#ff2020;--rog-blue:#00b7ff;--rog-orange:#ff4500;--rog-green:#46e678;--rog-purple:#8b5cf6;--rog-metal:#111318;--rog-gun:#1b1d24;--chamfer:16px;background:radial-gradient(120% 120% at 50% 40%, #0a0c10 0%, var(--rog-bg) 72%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.login-bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-shell:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(135% 135% at 50% 42%,#0000 62%,#00000057 100%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.login-frame{z-index:3;width:100%;max-width:366px;animation:.7s cubic-bezier(.16,1,.3,1) both login-in;position:relative}.login-card{background:radial-gradient(116% 98% at 50% 47%,#050609d1 0%,#05060999 38%,#0506093d 64%,#0000 86%);padding:28px 26px 18px;position:relative;overflow:hidden}.login-card__scan{pointer-events:none;background:linear-gradient(#0000,#ff282812 60%,#00b7ff0d);height:38%;animation:6s linear 1s infinite login-scan;position:absolute;top:-40%;left:0;right:0}.login-emblem{place-items:center;width:144px;height:144px;margin:2px auto 10px;display:grid;position:relative}.login-emblem__img{object-fit:contain;z-index:2;filter:drop-shadow(0 0 10px #ff450099)drop-shadow(0 0 22px #ff20208c);width:108px;height:108px;animation:2.6s ease-in-out infinite login-emblem-pulse}.login-emblem__ring{border:1.5px solid #0000;border-top-color:var(--rog-blue);border-right-color:#8b5cf6b3;border-radius:50%;animation:6s linear infinite login-spin;position:absolute;inset:2px;box-shadow:0 0 12px #00b7ff59}.login-emblem__ring--2{border-top-color:#0000;border-bottom-color:var(--rog-purple);border-left-color:#00b7ff8c;animation:4.5s linear infinite reverse login-spin;inset:11px;box-shadow:0 0 12px #8b5cf64d}.login-plate{text-align:center;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%);background:linear-gradient(135deg,#ff2d2d,#b81212);width:fit-content;margin:0 auto 14px;padding:5px 22px;box-shadow:0 0 18px #ff202073}.login-plate__sup{letter-spacing:3px;color:#ffffffb3;font-size:8px;font-weight:600;display:block}.login-plate__title{letter-spacing:2px;color:#fff;text-shadow:0 0 8px #0006;font-size:13px;font-weight:800;display:block}.login-card__title{color:#e3ebf4;text-align:center;letter-spacing:.5px;text-shadow:0 1px 8px #000000e6,0 0 2px #000c;margin-bottom:16px;font-size:13px;font-weight:600}.login-alert{color:#ff9a9a;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#ff20201a;border:1px solid #ff202066;margin-bottom:15px;padding:10px 13px;font-size:12.5px}.login-form-fields{z-index:2;flex-direction:column;gap:15px;display:flex;position:relative}.login-field{flex-direction:column;display:flex}.login-label{letter-spacing:2px;color:#50c8ffeb;text-shadow:0 1px 5px #000000d9;margin-bottom:6px;font-size:10px;font-weight:600}.login-input-wrap{width:100%;position:relative}.login-input-rgb{background:linear-gradient(90deg,#ff2020,#ff4500,#ffd000,#46e678,#00b7ff,#8b5cf6,#ff2020) 0 0/200% 100%;border-radius:5px;padding:2px;transition:box-shadow .25s,filter .25s;animation:3s linear infinite login-rgb}.login-input-rgb:focus-within{filter:saturate(1.3)brightness(1.15);animation-duration:1.6s;box-shadow:0 0 18px #ffffff1f}.login-input{color:#eef2f7;background:#0e1014eb;border:none;border-radius:3.5px;outline:none;width:100%;padding:11px 13px;font-size:14px;transition:background .22s;display:block}.login-input--pw{padding-right:44px}.login-input::placeholder{color:#96a5b973;transition:opacity .22s}.login-input:focus{background:#140e10f2}.login-input:focus::placeholder{opacity:.3}.login-eye{color:#aab9cd8c;cursor:pointer;background:0 0;border:none;transition:color .2s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.login-eye:hover{color:var(--rog-red)}.login-btn{cursor:pointer;color:#fff;letter-spacing:3px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);background:linear-gradient(135deg,#ff2d2d 0%,#c41212 100%);border:none;width:100%;margin-top:4px;padding:13px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .25s,filter .2s;position:relative;overflow:hidden;box-shadow:0 4px 18px #ff202066}.login-btn__label{z-index:1;position:relative}.login-btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:50%;height:100%;transition:left .55s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.login-btn:hover{transform:scale(1.025);box-shadow:0 6px 26px #ff202099,0 0 22px #ff450073}.login-btn:hover:after{left:130%}.login-btn:active{transform:scale(.985)}.login-btn:disabled{opacity:.6;cursor:not-allowed;filter:saturate(.7);transform:none}.login-btn:disabled:after{display:none}.login-deco-bars{opacity:.5;justify-content:center;align-items:flex-end;gap:3px;height:16px;margin-top:18px;display:flex}.login-deco-bar{background:linear-gradient(180deg, var(--rog-red), #00b7ff99);width:3px;height:4px;animation:1.4s ease-in-out infinite login-eq}.login-copy{text-align:center;letter-spacing:1px;color:#c3d2e4bf;text-shadow:0 1px 4px #000000b3;margin-top:12px;font-size:10.5px}@keyframes login-in{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes login-frameglow{0%,to{filter:drop-shadow(0 0 22px #ff202052)}50%{filter:drop-shadow(0 0 40px #ff28148c)}}@keyframes login-scan{0%{top:-42%}to{top:110%}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-emblem-pulse{0%,to{filter:drop-shadow(0 0 10px #ff45008c)drop-shadow(0 0 20px #ff202073)}50%{filter:drop-shadow(0 0 16px #ff5a28d9)drop-shadow(0 0 34px #ff2020b3)}}@keyframes login-eq{0%,to{height:18%}25%{height:90%}50%{height:40%}75%{height:70%}}@keyframes login-rgb{0%{background-position:0%}to{background-position:-200%}}@keyframes login-blink{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:480px){.login-shell{padding:14px}.login-frame{max-width:100%}.login-card{padding:26px 20px 20px}.login-emblem{width:124px;height:124px}.login-emblem__img{width:92px;height:92px}}@media (min-height:780px) and (min-width:768px){.login-card{padding:36px 32px 26px}}@media (prefers-reduced-motion:reduce){.login-frame{animation:.4s both login-in}.login-card__scan,.login-emblem__img,.login-emblem__ring,.login-input-rgb,.login-deco-bar{animation:none}.login-btn,.login-btn:after{transition:none}}