#loginPage{min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95,#6d28d9,#7c3aed);position:relative;overflow:hidden;padding:20px}#loginPage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.35) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.25) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(251,191,36,.2) 0%,transparent 40%),radial-gradient(circle at 10% 80%,rgba(99,102,241,.3) 0%,transparent 45%);animation:bgPulse 8s ease-in-out infinite alternate;pointer-events:none}@keyframes bgPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.login-particle{position:absolute;border-radius:50%;pointer-events:none;animation:floatUp linear infinite;opacity:0;z-index:1}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-10vh) rotate(720deg);opacity:0}}.login-card{position:relative;z-index:10;width:100%;max-width:420px;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:36px 36px 32px;box-shadow:0 32px 80px #0006,0 0 0 1px #ffffff0f inset,0 1px #fff3 inset;animation:cardAppear .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardAppear{0%{opacity:0;transform:translateY(40px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo-wrap{text-align:center;margin-bottom:18px}.login-logo-ring{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border:2px solid rgba(251,191,36,.4);box-shadow:0 0 30px #fbbf2440,0 0 60px #8b5cf626;animation:ringGlow 3s ease-in-out infinite alternate}@keyframes ringGlow{0%{box-shadow:0 0 20px #fbbf2433,0 0 40px #8b5cf61a}to{box-shadow:0 0 40px #fbbf2473,0 0 80px #8b5cf640}}.login-logo-ring img{width:85px;height:85px;object-fit:contain;border-radius:50%}.login-title{text-align:center;font-size:1.15rem;font-weight:800;margin-bottom:6px;background:linear-gradient(135deg,#fbbf24,#f0abfc,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.5;white-space:nowrap}.login-subtitle{text-align:center;font-size:12px;color:#ffffff73;margin-bottom:28px}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:13px;color:#ffffffbf;margin-bottom:8px;font-weight:600}.login-input-wrap{position:relative}.login-input-wrap .field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.6;pointer-events:none}.login-field input{width:100%;padding:14px 44px 14px 16px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;font-size:15px;font-family:inherit;direction:rtl;transition:all .3s ease;outline:none}.login-field input::placeholder{color:#ffffff59}.login-field input:focus{background:#ffffff26;border-color:#a78bfab3;box-shadow:0 0 0 3px #8b5cf633,0 4px 16px #8b5cf626}.login-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:22px 0 18px}.login-footer{text-align:center;margin-top:22px}.login-footer p{font-size:12px;color:#fff6;margin:5px 0}.login-footer span{color:#a78bfae6;font-weight:700}.login-footer a{color:#fbbf24;text-decoration:none;font-weight:700}#loginPage .login-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;border:none;padding:15px;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;width:100%;letter-spacing:1.5px;box-shadow:0 8px 30px #8b5cf680;transition:all .3s ease;position:relative;overflow:hidden}#loginPage .login-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777);opacity:0;transition:opacity .3s}#loginPage .login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf6a6}#loginPage .login-btn:hover:after{opacity:1}#loginPage .login-btn:active{transform:scale(.98) translateY(0)}#loginPage .login-btn span{position:relative;z-index:1}.login-alt-link{display:inline-block;padding:9px 20px;border-radius:999px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;background:#ffffff24;border:1.5px solid rgba(var(--login-glow-rgb, 251, 191, 36),.75);text-shadow:0 1px 3px rgba(0,0,0,.55);transition:background .2s ease,transform .2s ease}.login-alt-link:hover,.login-alt-link:active{background:rgba(var(--login-glow-rgb, 251, 191, 36),.28);transform:translateY(-1px)}