.verification-container{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 20px}.verification-card{background: white;border-radius: 20px;box-shadow: 0 20px 40px rgba(0,0,0,0.1);overflow: hidden;max-width: 900px;width: 100%;display: flex;flex-direction: row;transition: all 0.3s ease}.verification-sidebar{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;padding: 40px 30px;width: 300px;flex-shrink: 0}.verification-header{margin-bottom: 30px;text-align: center}.verification-icon{width: 80px;height: 80px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 40px}.info-section{background: rgba(255,255,255,0.1);border-radius: 12px;padding: 20px;margin-top: 40px}.info-section h6{color: #ffffff;font-weight: bold;margin-bottom: 15px}.info-section ul{margin: 0;padding-right: 20px}.info-section li{margin-bottom: 12px;color: rgba(255,255,255,0.9)}.verification-body{padding: 40px 30px;flex-grow: 1;display: flex;flex-direction: column}.step-indicator{display: flex;justify-content: center;margin-bottom: 30px;direction:rtl}.step{width: 40px;height: 40px;border-radius: 50%;background: #e9ecef;display: flex;align-items: center;justify-content: center;font-weight: bold;position: relative;transition: all 0.3s ease}.step.active{background: #667eea;color: white;transform: scale(1.1)}.step.completed{background: #28a745;color: white}.step:not(:last-child)::after{content: '';position: absolute;right: -60px;top: 50%;transform: translateY(-50%);width: 60px;height: 2px;background: #e9ecef}.step.completed::after{background: #28a745}.form-floating{position: relative;margin-bottom: 20px}.form-control{height: 60px;border: 2px solid #e9ecef;border-radius: 12px;font-size: 18px;padding: 20px 15px;transition: all 0.3s ease;direction: ltr;text-align: center;letter-spacing: 2px}.form-control:focus{border-color: #667eea;box-shadow: 0 0 0 0.2rem rgba(102,126,234,0.25)}.form-control.is-invalid{border-color: #dc3545}.form-control.is-valid{border-color: #28a745}.invalid-feedback{display: block;margin-top: 5px;font-size: 14px;color: #dc3545}.valid-feedback{display: block;margin-top: 5px;font-size: 14px;color: #28a745}.otp-inputs{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 20px;direction:ltr}.otp-input{width: 50px;height: 60px;text-align: center;font-size: 24px;font-weight: bold;border: 2px solid #e9ecef;border-radius: 12px;transition: all 0.3s ease}.otp-input:focus{border-color: #667eea;transform: scale(1.05)}.btn-verify{width: 100%;padding: 15px;font-size: 18px;font-weight: bold;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);border: none;border-radius: 12px;color: white;transition: all 0.3s ease;position: relative;overflow: hidden}.btn-verify::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: rgba(255,255,255,0.2);transition: all 0.5s ease}.btn-verify:hover::before{left: 0}.btn-verify:hover{transform: translateY(-2px);box-shadow: 0 10px 20px rgba(102,126,234,0.3)}.btn-verify:disabled{opacity: 0.6;cursor: not-allowed}.timer-container{text-align: center;margin-top: 20px}.timer{font-size: 48px;font-weight: bold;color: #667eea;font-family: 'Courier New',monospace}.resend-link{color: #667eea;text-decoration: none;font-weight: bold;transition: all 0.3s ease}.resend-link:hover{text-decoration: underline}.resend-link.disabled{color: #6c757d;cursor: not-allowed;pointer-events: none}.alert-modern{border: none;border-radius: 12px;padding: 15px 20px;margin-bottom: 20px;display: flex;align-items: center;gap: 10px;animation: slideIn 0.5s ease}@keyframes slideIn{from{transform: translateY(-20px);opacity: 0}to{transform: translateY(0);opacity: 1}}.alert-success{background: linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color: #155724}.alert-error{background: linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);color: #721c24}.alert-warning{background: linear-gradient(135deg,#fff3cd 0%,#ffeeba 100%);color: #856404}.loading-spinner{display: inline-block;width: 20px;height: 20px;border: 3px solid rgba(255,255,255,0.3);border-radius: 50%;border-top-color: white;animation: spin 1s ease-in-out infinite}@keyframes spin{to{transform: rotate(360deg)}}.fade-in{animation: fadeIn 0.5s ease}@keyframes fadeIn{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 768px){.verification-card{flex-direction: column;max-width: 450px}.verification-sidebar{width: 100%;border-radius: 20px 20px 0 0}.info-section{margin-top: 20px}}@media (max-width: 576px){.verification-card{margin: 0 10px}.verification-body{padding: 30px 20px}.verification-sidebar{padding: 30px 20px}.otp-input{width: 45px;height: 55px;font-size: 20px}.timer{font-size: 36px}}