.login-shell{--rog-red:#ff2020;--rog-blue:#00b7ff;--rog-purple:#8b5cf6;background:#000;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-frame{z-index:3;width:100%;max-width:366px;animation:.7s cubic-bezier(.16,1,.3,1) both login-in;position:relative}.login-card{padding:28px 26px 18px;position:relative;overflow:hidden}.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;width:108px;height:108px}.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}@property --cc-rgb-a{syntax:"<angle>";inherits:false;initial-value:0deg}.login-input-rgb{background:conic-gradient(from var(--cc-rgb-a), #ff2020, #ff4500, #ffd000, #46e678, #00b7ff, #8b5cf6, #ff2020);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-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-spin{to{transform:rotate(360deg)}}@keyframes login-rgb{to{--cc-rgb-a:360deg}}@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-emblem__ring,.login-input-rgb{animation:none}.login-btn,.login-btn:after{transition:none}}