:root{--ring-1: #a855f7;--ring-2: #f43f5e;--ring-3: #06b6d4;--btn-grad: linear-gradient(90deg, #f43f5e 0%, #fb923c 60%, #fbbf24 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent}.wave-container,.particles,.glow-orb,.left-panel{display:none}.login-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:480px;width:560px;height:560px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;overflow:visible}.login-container:before,.login-container:after,.right-panel:before{content:"";position:absolute;border-radius:50%;border:3px solid transparent;pointer-events:none}.login-container:before{width:540px;height:520px;border-top-color:var(--ring-1);border-left-color:var(--ring-1);box-shadow:0 0 22px var(--ring-1);animation:spinRing1 7s ease-in-out infinite;filter:blur(.5px);top:50%;left:50%}.login-container:after{width:520px;height:490px;border-bottom-color:var(--ring-2);border-right-color:var(--ring-2);box-shadow:0 0 22px var(--ring-2);animation:spinRing2 11s ease-in-out infinite;filter:blur(.5px);top:50%;left:50%}.right-panel:before{width:580px;height:550px;border-top-color:var(--ring-3);border-right-color:var(--ring-3);box-shadow:0 0 22px var(--ring-3);animation:spinRing3 15s ease-in-out infinite;filter:blur(.5px);top:50%;left:50%;z-index:-1}@keyframes spinRing1{0%{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(0) scale(1)}15%{transform:translate(calc(-50% + 18px),calc(-50% - 22px)) rotate(60deg) scale(1.07)}30%{transform:translate(calc(-50% - 12px),calc(-50% - 30px)) rotate(110deg) scale(.94)}45%{transform:translate(calc(-50% - 28px),calc(-50% + 5px)) rotate(175deg) scale(1.04)}60%{transform:translate(calc(-50% - 10px),calc(-50% + 28px)) rotate(240deg) scale(.92)}75%{transform:translate(calc(-50% + 22px),calc(-50% + 18px)) rotate(305deg) scale(1.05)}90%{transform:translate(calc(-50% + 30px),calc(-50% - 8px)) rotate(345deg) scale(.97)}to{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(360deg) scale(1)}}@keyframes spinRing2{0%{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(0) scaleX(1) scaleY(1)}12%{transform:translate(calc(-50% - 25px),calc(-50% - 10px)) rotate(-45deg) scaleX(1.12) scaleY(.88)}28%{transform:translate(calc(-50% - 30px),calc(-50% + 20px)) rotate(-105deg) scaleX(.9) scaleY(1.1)}42%{transform:translate(calc(-50% + 5px),calc(-50% + 30px)) rotate(-160deg) scaleX(1.08) scaleY(.93)}58%{transform:translate(calc(-50% + 28px),calc(-50% + 12px)) rotate(-215deg) scaleX(.93) scaleY(1.07)}72%{transform:translate(calc(-50% + 22px),calc(-50% - 25px)) rotate(-280deg) scaleX(1.06) scaleY(.95)}88%{transform:translate(calc(-50% - 8px),calc(-50% - 28px)) rotate(-330deg) scaleX(.96) scaleY(1.04)}to{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(-360deg) scaleX(1) scaleY(1)}}@keyframes spinRing3{0%{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(0) scale(1) skew(0)}18%{transform:translate(calc(-50% + 20px),calc(-50% - 28px)) rotate(65deg) scale(1.08) skew(4deg)}35%{transform:translate(calc(-50% - 15px),calc(-50% - 20px)) rotate(130deg) scale(.91) skew(-4deg)}50%{transform:translate(calc(-50% - 32px),calc(-50% + 8px)) rotate(185deg) scale(1.05) skew(3deg)}65%{transform:translate(calc(-50% - 18px),calc(-50% + 30px)) rotate(245deg) scale(.93) skew(-3deg)}80%{transform:translate(calc(-50% + 25px),calc(-50% + 22px)) rotate(310deg) scale(1.06) skew(2deg)}to{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) rotate(360deg) scale(1) skew(0)}}.click-ring{position:fixed;width:0;height:0;border:2.5px solid;border-radius:50%;transform:translate(-50%,-50%);animation:ringExpand 1s cubic-bezier(.2,.8,.4,1) forwards;pointer-events:none;z-index:9990}@keyframes ringExpand{0%{width:0;height:0;opacity:1}60%{opacity:.7}to{width:180px;height:180px;opacity:0}}.right-panel{position:relative;z-index:10;width:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px 48px;background:#a0d8e5eb;border-radius:50%;aspect-ratio:1 / 1;text-align:center}.login-logo-container{display:flex;justify-content:center;margin-bottom:8px}.login-logo-container img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(168,85,247,.6))}.login-header{margin-bottom:16px;text-align:center}.login-header h2{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:4px;letter-spacing:.5px;text-shadow:none}.login-header p{color:#334155;font-size:12px;line-height:1.4;max-width:230px;font-weight:500}#alertBox{color:#b91c1c;background:#fee2e2;padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:12px;font-weight:700;display:none;border:1.5px solid #fca5a5;width:100%;text-align:center;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.input-group{margin-bottom:12px;width:100%}.input-group label{display:block;font-size:11px;font-weight:800;color:#0f172a;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;text-align:left}.input-wrapper{position:relative}.input-wrapper>i:not(.toggle-password){position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#0284c7;font-size:16px;transition:.3s}.input-wrapper input{width:100%;padding:11px 14px 11px 38px;border:1.5px solid #0284c7;border-radius:50px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;outline:none;transition:all .3s;background:#fff!important;color:#0f172a!important;box-shadow:0 2px 6px #0000000d}.input-wrapper input::placeholder{color:#64748b!important;font-weight:400}.input-wrapper #password{padding-right:42px}.input-wrapper>i.toggle-password{position:absolute;right:14px!important;left:auto!important;top:50%;transform:translateY(-50%);color:#0284c7;font-size:16px;cursor:pointer;transition:.3s;z-index:10}.input-wrapper>i.toggle-password:hover{color:#0369a1}.input-wrapper input:focus{border-color:#0284c7;background:#fff!important;box-shadow:0 0 0 3.5px #0284c740}.input-wrapper input:focus~i:not(.toggle-password),.input-wrapper:focus-within>i:not(.toggle-password){color:#0369a1}.cf-turnstile-wrapper{display:flex;justify-content:center;align-items:center;margin:12px 0 16px;width:100%}.cf-turnstile-wrapper .cf-turnstile{transform:scale(.92);transform-origin:center}.btn-login{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:800;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;position:relative;overflow:hidden;padding:0;box-shadow:0 4px 16px #0284c759}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.5s}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0284c773}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-login.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166}.forgot-notice{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:7px 12px;border-radius:50px;border:1px solid rgba(2,132,199,.3);background:#ffffffb3;transition:all .3s}.forgot-notice:hover{border-color:#0284c7;background:#fff;box-shadow:0 2px 8px #0284c726}.forgot-notice i{color:#0284c7;font-size:13px;flex-shrink:0}.forgot-notice span{font-size:11.5px;color:#1e293b;line-height:1.4;text-align:center}.forgot-notice strong{color:#0284c7;font-weight:800}.login-footer{margin-top:12px;text-align:center;color:#334155;font-size:11px;font-weight:600}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease}.loading-box{background:#14141ef2;border:1px solid rgba(168,85,247,.3);padding:30px 40px;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 30px #a855f726;display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--ring-1);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-text{font-weight:700;color:#fffc;font-size:15px}@media(max-width:520px){.login-container{width:340px;height:340px}.right-panel{width:280px;padding:30px 24px}.login-container:before{width:330px;height:330px}.login-container:after{width:310px;height:300px}.right-panel:before{width:360px;height:340px}}