.login-container{max-width:400px;margin:60px auto;background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,.08);font-family:Inter,sans-serif;align-content:center;text-align:center}.login-header h1{font-size:22px;font-weight:600;margin:0;text-align:center}.login-header p{font-size:14px;color:#6b7280;text-align:center;margin-top:8px}.login-input-wrapper{display:flex;align-items:center;border:1.5px solid #d1d5db;border-radius:10px;padding:12px 14px;margin-top:30px}.prefix{margin-right:10px;white-space:nowrap}.login-input,.prefix{font-size:16px;color:#111827}.login-input{border:none;outline:none;flex:1;background:transparent}.login-btn{margin-top:20px;width:100%;padding:14px 0;background-color:#3a5bff;color:white;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s ease}.login-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.login-btn:hover:enabled{background-color:#2a48e0}.login-footer{text-align:center;margin-top:24px;font-size:14px;color:#6b7280}.back-btn{cursor:pointer;font-weight:700;color:#4a90e2;margin-right:10px;transition:color .2s ease}.back-btn:hover{color:#1c6ed8}.otp-container{max-width:360px;margin:60px auto;background-color:#ffffff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);text-align:center;font-family:Arial,sans-serif}.otp-heading{font-size:22px;font-weight:700;margin-bottom:16px;color:#333}.otp-subheading{font-size:14px;color:#777;margin-bottom:24px}.otp-input-group{display:flex;justify-content:center;gap:10px;margin-bottom:16px}.otp-digit{width:48px;height:56px;font-size:24px;text-align:center;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s ease}.otp-digit:focus{border-color:#007bff}.verify-btn{background:#007bff;color:white;font-weight:600;border:none;border-radius:50%;width:56px;height:56px;font-size:24px;cursor:pointer;margin-top:10px}.resend-text{font-size:13px;color:#007bff;margin-top:12px;cursor:pointer;text-decoration:underline}.timer{font-size:12px;color:#999;margin-top:4px}.otp-header{display:flex;align-items:center;margin-bottom:20px}.otp-back-btn{cursor:pointer;font-weight:600;color:#4a90e2;font-size:18px;padding:5px 10px;border:none;background:transparent;transition:color .2s ease}.otp-back-btn:hover{color:#1c6ed8}