.persian-phone-input{position:relative;width:100%}.phone-input-wrapper{display:flex;align-items:center;background:rgba(30,30,30,.8);border:2px solid rgba(255,215,0,.2);border-radius:.75rem;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.persian-phone-input.focused .phone-input-wrapper{border-color:#ffd700;box-shadow:0 0 0 4px rgba(255,215,0,.1),0 0 20px rgba(255,215,0,.2);background:rgba(30,30,30,.95)}.persian-phone-input.valid .phone-input-wrapper{border-color:rgba(34,197,94,.5)}.persian-phone-input.invalid .phone-input-wrapper{border-color:rgba(239,68,68,.5)}.country-flag{font-size:1.2rem;padding:0 .75rem;display:flex;align-items:center;justify-content:center;background:rgba(255,215,0,.1);height:100%;min-height:3.5rem;border-right:1px solid rgba(255,215,0,.2)}.phone-input{flex:1 1;padding:1rem;background:transparent;border:none;font-size:1.1rem;color:#fff;outline:none;font-family:Vazir,sans-serif;direction:ltr;text-align:left;min-height:1.5rem}.phone-input::placeholder{color:#666;font-family:Vazir,sans-serif}.phone-input:disabled{opacity:.6;cursor:not-allowed}.validation-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#ef4444;animation:slideDown .3s ease-out}.validation-message.success{color:#22c55e}.validation-message i{font-size:.875rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.country-flag{font-size:1rem;padding:0 .5rem;min-height:3rem}.phone-input{padding:.875rem .75rem;font-size:1rem}}@import url("https://fonts.googleapis.com/css2?family=Vazir:wght@300;400;500;600;700&display=swap");.auth-container{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#2d2d2d);padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,193,7,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.05) 0,transparent 50%);pointer-events:none}.auth-card{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid transparent;background-clip:padding-box;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,215,0,.1),inset 0 1px 0 rgba(255,255,255,.05);padding:3rem;max-width:480px;width:100%;margin:2rem auto;animation:slideUp .8s cubic-bezier(.16,1,.3,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5rem;padding:2px;background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,193,7,.1),rgba(255,215,0,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:2.5rem;position:relative}.auth-header h1{font-size:2.2rem;background:linear-gradient(135deg,#ffd700,#ffb300,#ffd700);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem;font-weight:700;text-shadow:0 0 30px rgba(255,215,0,.3);position:relative}.auth-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);border-radius:2px}.auth-header p{color:#b0b0b0;font-size:1.1rem;font-weight:300;margin-top:1rem}.auth-options{display:flex;flex-direction:column;gap:2rem}.google-login-btn{background:linear-gradient(135deg,#ffd700,#ffb300);color:#1a1a1a;border:none;padding:1rem 1.5rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(255,215,0,.3)}.google-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.google-login-btn:hover:before{left:100%}.google-login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,215,0,.4)}.google-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-login-btn i{font-size:1.2rem}.divider{display:flex;align-items:center;text-align:center;color:#666;font-size:.9rem;margin:1.5rem 0;position:relative}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent)}.divider span{margin:0 1.5rem;background:#1e1e1e;padding:0 1rem;color:#ffd700;font-weight:500}.phone-form{gap:2rem}.form-group,.phone-form{display:flex;flex-direction:column}.form-group{gap:.75rem;position:relative}.form-group label{color:#ffd700;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.phone-input-container{position:relative;display:flex;align-items:center}.phone-input-container:before{content:"🇮🇷";position:absolute;left:1rem;z-index:2;font-size:1.2rem}.form-group input{padding:1rem 1rem 1rem 3.5rem;background:rgba(30,30,30,.8);border:2px solid rgba(255,215,0,.2);border-radius:.75rem;font-size:1.1rem;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);direction:ltr;text-align:left;font-family:Vazir,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input::placeholder{color:#666;font-family:Vazir,sans-serif}.form-group input:focus{border-color:#ffd700;box-shadow:0 0 0 4px rgba(255,215,0,.1),0 0 20px rgba(255,215,0,.2);outline:none;background:rgba(30,30,30,.95)}.phone-login-btn{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#ffd700;border:2px solid rgba(255,215,0,.3);padding:1rem 1.5rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;position:relative;overflow:hidden}.phone-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}.phone-login-btn:hover:before{left:100%}.phone-login-btn:hover{border-color:#ffd700;box-shadow:0 8px 25px rgba(255,215,0,.2);transform:translateY(-2px)}.phone-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(185,28,28,.05));color:#fca5a5;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;border:1px solid rgba(220,38,38,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message i{color:#ef4444;font-size:1.1rem}.auth-footer{text-align:center;margin-top:2.5rem;color:#888;font-size:.9rem;line-height:1.6}.auth-footer a{color:#ffd700;text-decoration:none;font-weight:500;transition:color .3s}.auth-footer a:hover{color:#ffb300;text-decoration:underline}.otp-container{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.otp-header{text-align:center}.otp-header h2{font-size:1.8rem;color:#ffd700;margin-bottom:.75rem;font-weight:600}.otp-header p{color:#b0b0b0;font-size:1rem;direction:rtl}.otp-inputs{display:flex;gap:.75rem;justify-content:center;direction:ltr;margin:1rem 0}.otp-input{width:4rem;height:4rem;background:rgba(30,30,30,.8);border:2px solid rgba(255,215,0,.2);border-radius:.75rem;font-size:1.5rem;text-align:center;color:#ffd700;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.otp-input:focus{border-color:#ffd700;box-shadow:0 0 0 4px rgba(255,215,0,.1),0 0 20px rgba(255,215,0,.3);outline:none;background:rgba(30,30,30,.95);transform:scale(1.05)}.otp-actions{flex-direction:column;gap:1.5rem}.otp-actions,.verify-btn{display:flex;align-items:center}.verify-btn{background:linear-gradient(135deg,#ffd700,#ffb300);color:#1a1a1a;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;width:100%;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 25px rgba(255,215,0,.3);position:relative;overflow:hidden}.verify-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.verify-btn:hover:before{left:100%}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,215,0,.4)}.verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-btn{background:none;border:2px solid rgba(255,215,0,.3);color:#ffd700;font-size:.95rem;cursor:pointer;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s;font-weight:500}.resend-btn:hover{border-color:#ffd700;background:rgba(255,215,0,.1)}.resend-btn:disabled{color:#666;border-color:rgba(102,102,102,.3);cursor:not-allowed}.timer{color:#888;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;background:rgba(255,215,0,.05);border-radius:.5rem;border:1px solid rgba(255,215,0,.1);display:flex;align-items:center;gap:.5rem}.attempts-warning{color:#ef4444!important;font-size:.9rem!important;font-weight:500;margin-top:.5rem}.back-btn{background:none;border:2px solid rgba(255,215,0,.2);color:#888;font-size:.9rem;cursor:pointer;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;width:100%}.back-btn:hover{border-color:rgba(255,215,0,.4);color:#ffd700;background:rgba(255,215,0,.05)}.back-btn:disabled{opacity:.5;cursor:not-allowed}.back-btn i{font-size:.9rem}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.auth-container{padding:1rem}.auth-card{padding:2rem;margin:1rem auto;border-radius:1rem}.auth-header h1{font-size:1.8rem}.otp-inputs{gap:.5rem}.otp-input{width:3rem;height:3rem;font-size:1.2rem}.form-group input{padding:.875rem .875rem .875rem 3rem;font-size:1rem}.phone-input-container:before{left:.75rem;font-size:1rem}}*{font-family:Vazir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffd700,#ffb300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffb300,#ffd700)}