*{margin:0;padding:0;box-sizing:border-box}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#070b18;color-scheme:dark}.login-wrapper::before{content:'';position:absolute;inset:-50%;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(99,60,255,0.20) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 80% 70%,rgba(0,210,185,0.15) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 50% 10%,rgba(59,130,246,0.12) 0%,transparent 50%);animation:aetherWave 20s ease-in-out infinite alternate;pointer-events:none;z-index:0;will-change:transform}@keyframes aetherWave{0%{transform:translate(0%,0%) rotate(0deg) scale(1)}33%{transform:translate(3%,4%) rotate(2deg) scale(1.04)}66%{transform:translate(-3%,2%) rotate(-1deg) scale(0.97)}100%{transform:translate(2%,-3%) rotate(1.5deg) scale(1.02)}}.login-wrapper::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(100,120,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(100,120,255,0.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;z-index:0}.login-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(65px);will-change:transform}.login-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,60,255,0.38) 0%,transparent 70%);top:-12%;left:-10%;opacity:0.65;z-index:0;animation:orbFloat1 22s ease-in-out infinite}.login-orb-2{width:320px;height:320px;background:radial-gradient(circle,rgba(0,210,185,0.32) 0%,transparent 70%);bottom:-8%;right:-8%;opacity:0.55;z-index:0;animation:orbFloat2 26s ease-in-out infinite}.login-orb-3{width:230px;height:230px;background:radial-gradient(circle,rgba(59,130,246,0.30) 0%,transparent 70%);top:38%;right:12%;opacity:0.48;z-index:0;animation:orbFloat3 19s ease-in-out infinite}.login-orb-4{width:190px;height:190px;background:radial-gradient(circle,rgba(236,72,153,0.22) 0%,transparent 70%);bottom:18%;left:8%;opacity:0.42;z-index:0;animation:orbFloat4 24s ease-in-out infinite}@keyframes orbFloat1{0%,100%{transform:translate(0px,0px) scale(1)}30%{transform:translate(25px,-35px) scale(1.06)}60%{transform:translate(-15px,20px) scale(0.94)}80%{transform:translate(10px,30px) scale(1.02)}}@keyframes orbFloat2{0%,100%{transform:translate(0px,0px) scale(1)}25%{transform:translate(-20px,28px) scale(1.05)}55%{transform:translate(18px,-22px) scale(0.95)}75%{transform:translate(-8px,10px) scale(1.02)}}@keyframes orbFloat3{0%,100%{transform:translate(0px,0px) scale(1)}40%{transform:translate(-18px,22px) scale(1.07)}70%{transform:translate(12px,-16px) scale(0.93)}}@keyframes orbFloat4{0%,100%{transform:translate(0px,0px) scale(1)}35%{transform:translate(16px,24px) scale(1.04)}65%{transform:translate(-12px,-18px) scale(0.96)}}#cyber-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0.65}.login-card{width:100%;max-width:420px;padding:38px 36px;border-radius:20px;position:relative;z-index:10;background:rgba(7,14,32,0.90);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 0 0 1.5px rgba(99,60,255,0.22),0 0 40px rgba(99,60,255,0.08),0 32px 80px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.05);animation:loginFadeUp 0.5s cubic-bezier(0.22,1,0.36,1) both}.login-card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient( 135deg,rgba(99,60,255,0.70) 0%,rgba(0,210,185,0.55) 35%,rgba(59,130,246,0.45) 65%,rgba(99,60,255,0.60) 100% );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderHueRotate 8s linear infinite}@keyframes borderHueRotate{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes loginFadeUp{from{opacity:0;transform:translateY(30px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:66px;height:66px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#120830 0%,#0a1525 100%);border:1px solid rgba(99,60,255,0.38);box-shadow:0 0 28px rgba(99,60,255,0.22),inset 0 1px 0 rgba(255,255,255,0.06);position:relative;overflow:hidden}.login-logo::after{content:'';position:absolute;inset:0;background:linear-gradient( 120deg,transparent 30%,rgba(255,255,255,0.06) 50%,transparent 70% );animation:logoShimmer 4s ease-in-out infinite}@keyframes logoShimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.login-logo span{font-size:17px;font-weight:900;letter-spacing:1.5px;line-height:1;font-family:'Arial Black','Impact',sans-serif;color:#00e5c8;position:relative;z-index:1;animation:glitchText 9s steps(1) infinite}@keyframes glitchText{0%,90%,100%{text-shadow:none;transform:translate(0,0)}91%{text-shadow:-2px 0 rgba(255,0,120,0.85),2px 0 rgba(0,255,200,0.85);transform:translate(-1px,0)}92%{text-shadow:2px 0 rgba(0,120,255,0.85),-2px 0 rgba(255,80,0,0.65);transform:translate(1.5px,0.5px)}93%{text-shadow:none;transform:translate(0,0)}94%{text-shadow:-1.5px 0 rgba(255,0,120,0.65);transform:translate(0.5px,-0.5px)}95%{text-shadow:none;transform:translate(0,0)}}.login-brand{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#7c90ff;opacity:0.85}.login-header h1{font-size:25px;font-weight:700;color:#e8eeff;margin:0 0 6px;letter-spacing:-0.3px}.login-header p{margin:0;color:#4a5a80;font-size:13px;font-weight:500}.alert-modern{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px;line-height:1.45;display:flex;align-items:flex-start;gap:10px}.alert-error{background:rgba(220,38,38,0.12);color:#fca5a5;border:1px solid rgba(220,38,38,0.30)}.alert-warning{background:rgba(245,158,11,0.12);color:#fcd34d;border:1px solid rgba(245,158,11,0.28)}.alert-error span:first-child,.alert-warning span:first-child{font-weight:700;font-size:15px;margin-top:1px}.form-group-modern{margin-bottom:16px}.form-group-modern label{display:block;margin-bottom:7px;color:#5a72a0;font-size:11px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#2d3a60;pointer-events:none;z-index:2;transition:color 0.2s}.form-input-modern{width:100%;padding:12px 14px 12px 42px;border:1px solid rgba(100,130,255,0.14);border-radius:10px;font-size:14px;color:#c8d8f0;background:rgba(10,18,40,0.72);transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;font-family:inherit;-webkit-appearance:none;appearance:none;color-scheme:dark}.form-input-modern::placeholder{color:#2a3a60}.form-input-modern:focus{outline:none;border-color:rgba(99,60,255,0.55);background:rgba(10,18,44,0.88);box-shadow:0 0 0 3px rgba(99,60,255,0.10),0 0 14px rgba(0,210,185,0.06)}.input-wrapper:focus-within .input-icon{color:#7c90ff}.form-input-modern:disabled{background:rgba(255,255,255,0.02);color:#2d3a60;cursor:not-allowed}.captcha-box{border-radius:12px;border:1px solid rgba(99,60,255,0.20);background:rgba(10,15,35,0.60);padding:14px;margin:16px 0 4px}.captcha-question{text-align:center;color:#7c90ff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;opacity:0.75}.captcha-math{text-align:center;margin-bottom:12px;color:#e8eeff;font-family:'Courier New',monospace;font-size:24px;font-weight:700;letter-spacing:4px;text-shadow:0 0 14px rgba(99,60,255,0.50)}.btn-login{width:100%;margin-top:10px;padding:13px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#4e2fff 0%,#2563eb 50%,#0ea5c8 100%);color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.6px;cursor:pointer;position:relative;overflow:hidden;transition:transform 0.15s ease,box-shadow 0.2s ease,filter 0.2s ease;font-family:inherit}.btn-login::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.14) 0%,transparent 60%);opacity:0;transition:opacity 0.2s;pointer-events:none}.btn-login:hover:not(:disabled)::before{opacity:1}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px rgba(78,47,255,0.40),0 0 0 1px rgba(99,60,255,0.35);filter:brightness(1.08)}.btn-login:active:not(:disabled){transform:translateY(0);filter:brightness(0.95)}.btn-login:disabled{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.06);color:#2d3a60;cursor:not-allowed;box-shadow:none;filter:none}.security-note{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;gap:6px;color:#2d3a60;font-size:12px;text-align:center}.security-note span:first-child{color:#00e5c8;font-size:14px;opacity:0.70}@media (max-width:600px){.login-wrapper{padding:16px}.login-card{padding:28px 20px;border-radius:16px}.login-header h1{font-size:22px}.login-logo{width:58px;height:58px}.login-logo span{font-size:15px}.login-brand{font-size:9px}.form-input-modern{font-size:16px;padding:11px 12px 11px 40px}.captcha-math{font-size:21px}.login-orb-1{width:260px;height:260px;filter:blur(50px)}.login-orb-2{width:210px;height:210px;filter:blur(50px)}.login-orb-3{display:none}.login-orb-4{display:none}}@media (prefers-reduced-motion:reduce){.login-wrapper::before,.login-orb,.login-card::before,.login-logo::after,.login-logo span{animation:none !important;transition:none !important}}