.auth-wrapper{background:linear-gradient(135deg,#f5f7fa 0%,#e3f2fd 100%);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:40px 20px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:440px;padding:40px 32px;animation:.4s cubic-bezier(.16,1,.3,1) authSlideIn;box-shadow:0 20px 50px #1f26871a}@keyframes authSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{border-radius:16px;width:auto;height:72px}.auth-title{text-align:center;color:#1a2850;margin:0 0 8px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:24px;font-weight:700}.auth-subtitle{color:#6b7590;text-align:center;margin:0 0 28px;font-size:14px;line-height:1.7}.auth-subtitle strong{color:#1a2850;font-family:KalamehWeb,KalamehFaNumB,sans-serif}.form-group{margin-bottom:20px}.form-group label{color:#1a2850;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-control{color:#1a2850;background:#f9fafc;border:2px solid #e5e9f2;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.form-control:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31f}.phone-input-wrap{position:relative}.phone-input{letter-spacing:2px;text-align:center;font-family:KalamehWeb,GhBold,KalamehFaNum,sans-serif;font-size:20px;font-weight:600}.form-hint{color:#8892a8;margin-top:6px;font-size:12px;display:block}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#0b7dda 100%);box-shadow:0 8px 20px #2196f340}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #2196f359}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-block{width:100%;margin-top:8px}.btn-link{color:#2196f3;background:0 0;width:100%;padding:10px;font-size:14px}.btn-link:disabled{color:#8892a8;cursor:not-allowed}.btn-link:not(:disabled):hover{text-decoration:underline}.alert{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s authSlideIn}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.otp-inputs{justify-content:center;gap:10px;margin:12px 0 28px;display:flex}.otp-input{text-align:center;color:#1a2850;background:#f9fafc;border:2px solid #e5e9f2;border-radius:14px;outline:none;width:56px;height:64px;padding:0;font-family:KalamehWeb,GhBold,monospace;font-size:26px;font-weight:700;transition:all .2s}.otp-input:focus{background:#fff;border-color:#2196f3;transform:scale(1.05);box-shadow:0 0 0 4px #2196f31f}.otp-input.filled{background:#e3f2fd;border-color:#2196f3}.auth-footer{text-align:center;color:#8892a8;margin-top:24px;font-size:13px}.auth-footer a{color:#2196f3;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#0b7dda;text-decoration:underline}.auth-footer .divider{color:#cbd3e1;margin:0 10px}@media (width<=480px){.auth-card{border-radius:20px;padding:28px 20px}.auth-title{font-size:20px}.otp-input{width:48px;height:56px;font-size:22px}.otp-inputs{gap:8px}}