.login-universe{background:#080b14;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.login-grid{background-image:linear-gradient(#64dcff05 1px,#0000 1px),linear-gradient(90deg,#64dcff05 1px,#0000 1px);background-size:80px 80px;animation:10s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.5}}.login-ribbon{pointer-events:none;opacity:.2;width:150%;height:400px;position:absolute}.login-ribbon--top{filter:blur(50px);background:radial-gradient(#38bdf81f 0%,#0000 70%);animation:20s ease-in-out infinite ribbonFlow1;top:-10%;left:-25%;transform:rotate(-12deg)}.login-ribbon--bottom{filter:blur(60px);background:radial-gradient(#06b6d41a 0%,#0000 70%);animation:25s ease-in-out infinite ribbonFlow2;bottom:-5%;right:-25%;transform:rotate(8deg)}@keyframes ribbonFlow1{0%,to{opacity:.15;transform:rotate(-12deg)translate(0)}50%{opacity:.3;transform:rotate(-10deg)translate(50px,20px)}}@keyframes ribbonFlow2{0%,to{opacity:.15;transform:rotate(8deg)translate(0)}50%{opacity:.25;transform:rotate(6deg)translate(-40px,-30px)}}.login-orb{filter:blur(100px);opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.login-orb--1{background:radial-gradient(circle,#0ea5e9,#0000 70%);width:600px;height:600px;top:-20%;left:-10%}.login-orb--2{background:radial-gradient(circle,#22d3ee,#0000 70%);width:500px;height:500px;bottom:-15%;right:-5%}.login-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-particle{opacity:0;animation:particleRise var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left);width:var(--size);height:var(--size);filter:drop-shadow(0 0 5px #67e8f9cc);background:#fff;border-radius:50%;position:absolute}.login-particle:nth-child(3n){filter:blur(1px);opacity:.2}.login-particle:nth-child(3n+1){filter:blur();opacity:.5}@keyframes particleRise{0%{opacity:0;transform:translateY(110vh)translate(0)scale(0)}10%{opacity:var(--opacity)}50%{transform:translateY(50vh) translateX(var(--drift)) scale(1)}90%{opacity:var(--opacity)}to{transform:translateY(-10vh) translateX(calc(var(--drift) * 1.5)) scale(.5);opacity:0}}.login-star{opacity:0;width:1px;height:1px;animation:10s linear infinite shootingStar;animation-delay:var(--delay);top:var(--top);left:var(--left);background:#fff;position:absolute;box-shadow:0 0 10px 1px #67e8f9}@keyframes shootingStar{0%{opacity:0;transform:translate(0)translateY(0)scale(0)}1%{opacity:1;scale:1}10%{opacity:0;transform:translate(200px)translateY(200px)scale(1)}to{opacity:0;transform:translate(200px)translateY(200px)scale(0)}}.login-panel-wrapper{z-index:10;opacity:0;flex-direction:column;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) forwards panelAppear;display:flex;position:relative;transform:translateY(20px)}@keyframes panelAppear{to{opacity:1;transform:translateY(0)}}.login-logo-float{z-index:20;margin-bottom:-40px;position:relative}.login-logo-ring{width:92px;height:92px;position:relative}.login-logo-ring img{object-fit:contain;filter:drop-shadow(0 0 20px #67e8f966)brightness(1.1);border-radius:50%;width:92px;height:92px}.login-logo-ring:after{content:"";-webkit-mask-composite:xor;background:conic-gradient(#0000,#67e8f999,#0000,#38bdf866,#0000) border-box;border:1.5px solid #0000;border-radius:50%;animation:8s linear infinite logoSpin;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes logoSpin{to{transform:rotate(360deg)}}.login-glass-panel{-webkit-backdrop-filter:blur(30px)saturate(1.5);background:#0a0f19a6;border:1px solid #67e8f91f;border-radius:20px;width:440px;padding:64px 48px 40px;box-shadow:0 0 60px #38bdf80d,inset 0 1px #ffffff0a}.login-glass-panel:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(155deg,#67e8f940,#38bdf80d,#06b6d426,#38bdf80d);border-radius:21px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-brand-area{text-align:center;margin-bottom:40px}.login-brand-title{color:#fff;letter-spacing:4px;text-shadow:0 0 30px #67e8f933;margin:0;font-size:32px;font-weight:700}.login-brand-en{color:#67e8f999;letter-spacing:6px;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:500}.login-brand-sub{color:#ffffff59;letter-spacing:5px;margin-top:6px;font-size:13px}.login-field-group{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.login-field{position:relative}.login-field-icon{color:#67e8f973;pointer-events:none;justify-content:center;align-items:center;width:24px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.login-field input{color:#fff;letter-spacing:1px;background:0 0;border:none;border-bottom:1.5px solid #67e8f926;outline:none;width:100%;padding:16px 36px 16px 32px;font-family:inherit;font-size:15px;transition:all .3s}.login-field input::placeholder{color:#fff3}.login-field input:focus{background:#67e8f905;border-bottom-color:#67e8f999}.login-field-action{color:#fff3;cursor:pointer;background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.login-field-action:hover{color:#67e8f9b3}.login-field-glow{background:linear-gradient(90deg,#0000,#67e8f9,#0000);width:0;height:2px;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #67e8f966}.login-field input:focus~.login-field-glow{width:100%}.login-field input[type=password]{letter-spacing:5px}.login-forgot{text-align:right;margin-top:12px;margin-bottom:36px}.login-forgot a{color:#ffffff59;font-size:13px;text-decoration:none;transition:color .3s}.login-forgot a:hover{color:#67e8f9}.login-submit-btn{color:#e0f2fe;letter-spacing:10px;cursor:pointer;text-indent:10px;background:linear-gradient(#142337e6,#0a0f1ef2);border:1.5px solid #67e8f940;border-radius:12px;width:100%;padding:16px 0;font-size:18px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.login-submit-btn:hover{background:linear-gradient(#1e324bf2,#0f192dfa);border-color:#67e8f980;transform:translateY(-2px);box-shadow:0 0 40px #38bdf826,inset 0 0 20px #67e8f90d}.login-submit-btn:after{content:"";background:linear-gradient(90deg,#0000,#67e8f91a,#0000);width:100%;height:100%;animation:5s ease-in-out infinite btnSweep;position:absolute;top:0;left:-100%}@keyframes btnSweep{0%{left:-100%}40%{left:100%}to{left:100%}}.login-external-footer{text-align:center;color:#ffffff4d;margin-top:32px;font-size:14px}.login-external-footer a{color:#67e8f9;margin-left:8px;font-weight:500;text-decoration:none;transition:all .3s}.login-external-footer a:hover{text-shadow:0 0 10px #67e8f980;opacity:.8}.login-footer-divider{color:#ffffff38;margin-left:8px}.login-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;animation:.4s ease-in-out errorShake}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-version{color:#ffffff0d;letter-spacing:3px;font-size:11px;position:absolute;bottom:24px}@media (max-width:500px){.login-glass-panel{width:calc(100vw - 40px);padding:56px 32px 32px}}