@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
.login-page:before{content:"";opacity:.3;z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#8ab4f81a,#0000),radial-gradient(2px 2px at 40px 70px,#8ab4f833,#0000),radial-gradient(1px 1px at 90px 40px,#9333ea1a,#0000),radial-gradient(1px 1px at 130px 80px,#8ab4f826,#0000),radial-gradient(2px 2px at 160px 30px,#9333ea0d,#0000);background-repeat:repeat;background-size:200px 100px;width:100%;height:100%;animation:20s linear infinite particleFloat;position:absolute;top:0;left:0}@keyframes particleFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-100px)rotate(360deg)}}.AuthCard{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:2;border-radius:12px;width:100%;max-width:420px;margin:2rem auto;padding:3rem 2.5rem;animation:4s ease-in-out infinite alternate cardPulse;position:relative;overflow:hidden;box-shadow:0 25px 45px #0003,inset 0 1px #ffffff1a,0 0 30px #9333ea33}@keyframes cardPulse{0%{transform:scale(1);box-shadow:0 25px 45px #0003,inset 0 1px #ffffff1a,0 0 30px #9333ea33}to{transform:scale(1.02);box-shadow:0 25px 45px #0003,inset 0 1px #ffffff1a,0 0 50px #9333ea66}}.AuthCard:before{content:"";z-index:-1;background:conic-gradient(#0000,#8ab4f80d,#0000 30%);width:200%;height:200%;animation:3s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AuthCard h2{color:var(--text-primary);text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:700;animation:3s ease-in-out infinite alternate textGlow;position:relative}@keyframes textGlow{0%{filter:drop-shadow(0 0 5px #9333ea4d)}to{filter:drop-shadow(0 0 15px #4285f480)}}.subText:after{content:"";background:var(--accent-gradient);background-size:200% 200%;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.subText a:before{content:"";background:var(--text-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.subText a:hover{color:var(--link-hover);text-shadow:0 0 10px #8ab4f880}.subText a:hover:before{width:100%}.form-group:before{content:"";background:var(--accent-gradient);background-size:100% 200%;width:3px;height:0;transition:height .3s;position:absolute;top:2rem;left:0}.input-wrapper:focus-within .input-icon,.input-wrapper input:not(:placeholder-shown)~.input-icon{color:var(--text-accent);text-shadow:0 0 10px #8ab4f84d}.form-input:hover{border-color:var(--border-color);transform:translate(3px)}.submit-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-button:active:before{width:300px;height:300px}.submit-button:hover:not(:disabled){background-position:100%;animation:1.5s ease-in-out infinite alternate buttonGlow;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@keyframes buttonGlow{0%{box-shadow:0 4px 8px #0003,0 0 20px #9333ea4d}to{box-shadow:0 4px 8px #0003,0 0 30px #4285f480}}.submit-button:disabled{cursor:not-allowed;opacity:.8;background:linear-gradient(45deg,#666,#888);transform:none}body.light-theme .AuthCard{background:var(--surface);border-color:var(--border-color);box-shadow:0 25px 45px #0000001a,inset 0 1px #0000000d,0 0 30px #4285f433}body.light-theme .AuthCard h2{background:var(--accent-gradient)}body.light-theme .form-input::placeholder,body.light-theme .form-group label,body.light-theme .input-icon{color:var(--text-secondary)}@media (max-width:480px){.AuthCard{border-radius:8px;margin:1rem;padding:2rem 1.5rem}.AuthCard h2{font-size:1.7rem}.login-page:before{background-size:150px 75px}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.AuthCard:hover{animation:.3s linear glitch}.login-page{background-color:var(--background);text-align:right;direction:rtl;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Vazirmatn,sans-serif;display:flex;position:relative;overflow:hidden}.login-page .container{justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex}.login-page:before{content:"";opacity:.3;z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#8ab4f81a,#0000),radial-gradient(2px 2px at 40px 70px,#8ab4f833,#0000),radial-gradient(1px 1px at 90px 40px,#9333ea1a,#0000),radial-gradient(1px 1px at 130px 80px,#8ab4f826,#0000),radial-gradient(2px 2px at 160px 30px,#9333ea0d,#0000);background-repeat:repeat;background-size:200px 100px;width:100%;height:100%;position:absolute;top:0;left:0}.auth-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:2;border-radius:12px;width:100%;max-width:420px;margin:2rem auto;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 25px 45px #0003,inset 0 1px #ffffff1a,0 0 30px #9333ea26}.auth-card:before{content:"";z-index:-1;background:conic-gradient(#0000,#8ab4f80d,#0000 30%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.auth-card h1{color:var(--text-primary);text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #9333ea4d);background-size:100%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:700;position:relative}.subText{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem;display:inline-block;position:relative}.subText:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.subText:hover:after{width:100%}.subText a{color:var(--text-accent);font-weight:600;text-decoration:none;transition:all .3s;position:relative}.subText a:hover{color:var(--link-hover)}.form-group{margin-bottom:2rem;position:relative}.form-group label{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;font-weight:600;transition:color .3s;display:block}.form-group:before{content:"";background:var(--accent-gradient);width:3px;height:0;transition:height .3s;position:absolute;top:2rem;left:0}.form-group:focus-within:before{height:calc(100% - 2rem)}.input-wrapper{flex-direction:row-reverse;align-items:center;gap:12px;display:flex}.input-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-family:"Font Awesome 6 Free";font-size:1.1rem;font-weight:900;transition:all .3s;display:flex}.input-wrapper:focus-within .input-icon,.input-wrapper input:not(:placeholder-shown)~.input-icon{color:var(--text-accent)}.form-input{background:var(--background);border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;text-align:left;direction:ltr;border-radius:6px;flex:1;padding:15px 20px;font-family:IRANSans,sans-serif;font-size:1rem;transition:all .3s}.form-input::placeholder{color:var(--text-secondary);text-align:right;direction:rtl}.form-input:focus{border-color:var(--text-accent);outline:none;transform:translate(5px);box-shadow:0 0 0 4px #8ab4f81a}.form-input:hover{border-color:var(--border-color)}.submit-button{background:var(--accent-gradient);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;background-size:100%;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:IRANSans,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9333ea4d}.submit-button:disabled{cursor:not-allowed;opacity:.8;background:#666}body.light-theme .login-page{background-color:var(--background)}body.light-theme .login-page:before{background-image:radial-gradient(2px 2px at 20px 30px,#1a73e81a,#0000),radial-gradient(2px 2px at 40px 70px,#1a73e833,#0000),radial-gradient(1px 1px at 90px 40px,#4285f41a,#0000),radial-gradient(1px 1px at 130px 80px,#1a73e826,#0000),radial-gradient(2px 2px at 160px 30px,#4285f40d,#0000)}body.light-theme .auth-card{background:var(--surface);border-color:var(--border-color);box-shadow:0 25px 45px #0000001a,inset 0 1px #0000000d,0 0 30px #4285f433}body.light-theme .auth-card h1{background:var(--accent-gradient)}body.light-theme .subText{color:var(--text-secondary)}body.light-theme .form-input{background:var(--background);border-color:var(--border-color);color:var(--text-primary)}body.light-theme .form-input::placeholder,body.light-theme .form-group label,body.light-theme .input-icon{color:var(--text-secondary)}body.light-theme .input-wrapper:focus-within .input-icon,body.light-theme .input-wrapper input:not(:placeholder-shown)~.input-icon{color:var(--text-accent)}@media (max-width:480px){.auth-card{border-radius:12px;width:100%;margin:0;padding:2rem 1.5rem}.auth-card h1{font-size:1.6rem}.login-page:before{background-size:150px 75px}.form-group{margin-bottom:1.5rem}}.form-group.error .form-input,.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ff4b4b1a}.form-group.error label{color:var(--error)}.form-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 4px #8ab4f81a}