.auth-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:.2s fadeIn}.auth-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.auth-container{position:relative;width:100%;max-width:400px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:.3s cubic-bezier(.32,.72,0,1) slideUp;overflow:hidden}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:10;color:#666}.auth-close-btn:hover{background:#e8e8e8;color:#000}.auth-step{display:none}.auth-step.active{display:block;animation:.3s stepFade}@keyframes stepFade{from{opacity:0}to{opacity:1}}.auth-content{padding:48px 32px 32px}.auth-content.center{text-align:center}.back-btn{position:absolute;top:16px;left:16px;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;color:#666}.back-btn:hover{background:#e8e8e8;color:#000}.auth-header{margin-bottom:32px}.auth-title{font-size:28px;font-weight:600;color:#000;margin:0 0 12px;line-height:1.2;letter-spacing:-.5px}.auth-desc{font-size:16px;color:#717171;margin:0;line-height:1.5}.auth-desc strong{color:#000;font-weight:600}.input-group{margin-bottom:24px}.phone-field{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:12px;background:#fff;transition:.2s;overflow:hidden}.phone-field:focus-within{border-color:#000}.country-select{display:flex;align-items:center;gap:8px;padding:16px;background:#f7f7f7;cursor:pointer;transition:background .2s}.country-select:hover{background:#f0f0f0}.flag{font-size:20px}.code{font-size:16px;font-weight:600;color:#000}.divider{width:1px;height:24px;background:#e0e0e0}.phone-input{flex:1;border:none;background:0 0;padding:16px;font-size:16px;font-weight:500;color:#000;outline:0}.phone-input::placeholder{color:#b0b0b0;font-weight:400}.text-field{border:2px solid #e0e0e0;border-radius:12px;background:#fff;transition:.2s;overflow:hidden}.text-field:focus-within{border-color:#000}.text-input{width:100%;border:none;background:0 0;padding:16px;font-size:16px;font-weight:500;color:#000;outline:0;box-sizing:border-box}.text-input::placeholder{color:#b0b0b0;font-weight:400}.otp-group{margin-bottom:24px}.otp-inputs{display:flex;gap:10px;justify-content:center}.otp-box-auth{width:48px;height:56px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;font-size:22px;font-weight:600;color:#000;background:#fff;outline:0;transition:.2s;caret-color:#000}.otp-box-auth:focus{border-color:#000;background:#fafafa}.otp-box-auth:not(:placeholder-shown){border-color:#22c55e;background:#f0fdf4}.auth-btn{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.auth-btn.primary{background:#000;color:#fff}.auth-btn.primary:hover:not(:disabled){background:#222;transform:translateY(-1px)}.auth-btn.primary:active:not(:disabled){transform:translateY(0)}.auth-btn.primary:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.auth-btn.secondary{background:#f5f5f5;color:#000;margin-top:12px}.auth-btn.secondary:hover{background:#e8e8e8}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-terms{font-size:13px;color:#717171;text-align:center;margin:24px 0 0;line-height:1.5}.auth-terms a{color:#000;font-weight:500;text-decoration:underline}.auth-terms a:hover{color:#555}.resend-section{text-align:center;margin-top:24px}.timer-text{font-size:14px;color:#717171}.timer-text strong{color:#000}.resend-btn{background:0 0;border:none;font-size:14px;font-weight:600;color:#000;cursor:pointer;padding:8px;text-decoration:underline}.resend-btn:hover{color:#555}.success-icon{width:80px;height:80px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:.4s cubic-bezier(.32,.72,0,1) popIn}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}100%{transform:scale(1)}}.welcome-avatar{width:80px;height:80px;background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;animation:.4s cubic-bezier(.32,.72,0,1) popIn}.welcome-avatar span{animation:1s ease-in-out wave}@keyframes wave{0%,100%{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.quick-stats{display:flex;align-items:center;justify-content:center;gap:32px;padding:20px;background:#f7f7f7;border-radius:12px;margin:24px 0}.stat{display:flex;flex-direction:column;align-items:center}.stat-num{font-size:24px;font-weight:700;color:#000}.stat-label{font-size:12px;color:#717171;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-divider{width:1px;height:40px;background:#e0e0e0}@media (max-width:480px){.auth-container{max-width:100%;max-height:100vh;border-radius:0;height:100%}.auth-modal{padding:0}.auth-content{padding:60px 24px 32px}.auth-title{font-size:24px}.otp-box-auth{width:44px;height:52px;font-size:20px}}.auth-btn.loading .btn-text{display:none}.auth-btn.loading .btn-loader{display:flex!important}