:root{--primary:#5a0ea3;--secondary:#8238b8;--accent:#a05cf5;--light:#f9f5ff;--dark:#3e3e3e;--success:#4ac949;--error:#ff3b3b}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border-radius:24px;width:100%;max-width:440px;padding:40px 35px;animation:.6s cubic-bezier(.23,1,.32,1) cardAppear;position:relative;overflow:hidden;box-shadow:0 12px 40px #5a0ea333}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.card-decoration{background:linear-gradient(135deg,var(--secondary),var(--accent));z-index:0;border-radius:0 0 0 100%;width:160px;height:160px;position:absolute;top:0;right:0}.login-header{text-align:center;z-index:1;margin-bottom:36px;position:relative}.logo-login{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex;box-shadow:0 6px 20px #5a0ea34d}.logo-login i{color:#fff;font-size:42px}.login-header h1{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:28px;font-weight:700}.input-group{margin-bottom:26px;position:relative}.input-wrapper{border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #5a0ea314}.input-wrapper:focus-within{transform:translateY(-2px);box-shadow:0 6px 16px #5a0ea333}.input-wrapper input::placeholder{color:#a090c0;font-size:15px}.input-wrapper input:focus{background:#f0e6ff;outline:none}.input-icon{color:var(--primary);z-index:2;font-size:20px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.password-toggle{color:#a090c0;cursor:pointer;z-index:2;font-size:18px;transition:color .2s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.btn-login{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:15px;padding:18px;font-size:17px;font-weight:600;transition:all .5s cubic-bezier(.65,0,.35,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #5a0ea34d}.btn-login:hover:not(.shrinking){transform:translateY(-3px);box-shadow:0 8px 20px #5a0ea366}.btn-login:active:not(.shrinking){transform:translateY(0);box-shadow:0 4px 12px #5a0ea34d}.btn-login.shrinking{color:#0000;border-radius:50%;width:60px;height:60px;margin:15px auto 0;padding:0;font-size:0;transition:all .5s cubic-bezier(.65,0,.35,1)}.btn-login.shrinking .btn-icon{opacity:0;transition:opacity .3s}.btn-login.loading:after{content:"";border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-15px;margin-left:-15px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-message{text-align:center;border-radius:14px;margin:20px 0;padding:16px;font-weight:500;animation:.4s fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error{color:var(--error);background:#fee}.success{color:var(--success);background:#f0fff0}.particle{opacity:0;z-index:-1;background:#a05cf526;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.6}50%{opacity:.8;transform:translateY(-50vh)translate(20px)rotate(180deg)}90%{opacity:.4}to{opacity:0;transform:translateY(-100vh)translate(-20px)rotate(360deg)}}@media (width<=480px){.login-card{padding:30px 25px}.login-header h1{font-size:24px}.input-wrapper input{padding:16px 55px 16px 45px}.btn-login.shrinking{width:50px;height:50px}}html,body{min-height:100vh;color:var(--dark);height:100%;direction:rtl;background:linear-gradient(135deg,#f0e6ffe6,#e1d2ffe6);overflow:auto}.input-wrapper input,.input-wrapper select{background:var(--light);width:100%;color:var(--dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;padding:18px 60px 18px 50px;font-size:16px;transition:background .3s}.input-wrapper select::-ms-expand{display:none}.particles{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.aside-box{display:none}@media (width>=768px){.login-container{justify-content:center;align-items:center;display:flex}.aside-box{backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-top-left-radius:20px;border-bottom-left-radius:20px;width:25vw;height:80vh;margin:15vh 0 15vh 20px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 40px #5a0ea333}.aside-box img{object-fit:cover;width:100%}.aside-box p{text-align:center;direction:rtl;font-weight:700;line-height:3.5}}.login-header p{color:var(--dark);opacity:.8;font-size:16px;line-height:1.6}.input-label{color:var(--dark);margin-bottom:12px;padding-right:10px;font-size:16px;font-weight:500;display:block}.login-footer{text-align:center;color:var(--dark);z-index:1;margin-top:28px;font-size:15px;position:relative}.login-footer a{color:var(--primary);padding:0 8px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.login-footer a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;right:8px}.login-footer a:hover:after{width:calc(100% - 16px)}.divider{color:#c0b0e0;margin:0 12px;display:inline-block}