.login-page.svelte-1x05zx6{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:20px}.login-card.svelte-1x05zx6{background:#fff;border-radius:24px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.logo-section.svelte-1x05zx6{text-align:center;margin-bottom:32px}.logo.svelte-1x05zx6{font-size:48px;margin-bottom:8px}.logo-section.svelte-1x05zx6 h1:where(.svelte-1x05zx6){margin:0;font-size:28px;font-weight:700;color:#1f2937}.tagline.svelte-1x05zx6{margin:4px 0 0;font-size:14px;color:#6b7280}.form-section.svelte-1x05zx6{margin-bottom:32px}.form-section.svelte-1x05zx6 h2:where(.svelte-1x05zx6){margin:0 0 8px;font-size:24px;color:#1f2937}.help-text.svelte-1x05zx6{margin:0 0 24px;color:#6b7280;font-size:14px}.error-banner.svelte-1x05zx6{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.error-banner.info.svelte-1x05zx6{background:#dbeafe;color:#1e40af}.auth-tabs.svelte-1x05zx6{display:flex;gap:8px;margin-bottom:20px;background:#f3f4f6;padding:4px;border-radius:12px}.tab-btn.svelte-1x05zx6{flex:1;padding:12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn.svelte-1x05zx6:hover{color:#374151}.tab-btn.active.svelte-1x05zx6{background:#fff;color:#6366f1;font-weight:600;box-shadow:0 1px 3px #0000001a}.input-group.svelte-1x05zx6{margin-bottom:20px}.text-input.svelte-1x05zx6{width:100%;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:16px;color:#1f2937;box-sizing:border-box;transition:border-color .2s;background:#fff}.text-input.svelte-1x05zx6:focus{outline:none;border-color:#6366f1}.text-input.svelte-1x05zx6::placeholder{color:#9ca3af}.text-input.svelte-1x05zx6:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-group.svelte-1x05zx6 label:where(.svelte-1x05zx6){display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.phone-input.svelte-1x05zx6{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:12px;padding:4px;transition:border-color .2s;background:#fff}.phone-input.svelte-1x05zx6:focus-within{border-color:#6366f1}.prefix.svelte-1x05zx6{padding:12px 8px 12px 12px;font-weight:600;color:#6b7280;font-size:16px}.phone-input.svelte-1x05zx6 input:where(.svelte-1x05zx6){flex:1;border:none;outline:none;font-size:18px;padding:10px;letter-spacing:2px;font-weight:500;color:#1f2937;background:transparent}.phone-input.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{letter-spacing:1px;color:#9ca3af}.otp-input.svelte-1x05zx6 input:where(.svelte-1x05zx6){width:100%;border:2px solid #e5e7eb;border-radius:12px;padding:16px;font-size:24px;letter-spacing:8px;text-align:center;font-weight:600;color:#1f2937;box-sizing:border-box;transition:border-color .2s}.otp-input.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus{outline:none;border-color:#6366f1}.otp-input.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{letter-spacing:4px;color:#9ca3af}.hint.svelte-1x05zx6{margin:8px 0 0;font-size:12px;color:#6b7280}.btn-login.svelte-1x05zx6{width:100%;padding:16px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-login.svelte-1x05zx6:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.btn-login.svelte-1x05zx6:active:not(:disabled){transform:translateY(0)}.btn-login.svelte-1x05zx6:disabled{opacity:.5;cursor:not-allowed;transform:none}.resend-section.svelte-1x05zx6{margin-top:16px;text-align:center}.resend-text.svelte-1x05zx6{font-size:14px;color:#6b7280;margin:0}.btn-resend.svelte-1x05zx6{background:transparent;color:#6366f1;border:none;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s}.btn-resend.svelte-1x05zx6:hover:not(:disabled){background:#eef2ff}.btn-resend.svelte-1x05zx6:disabled{opacity:.5;cursor:not-allowed}.features.svelte-1x05zx6{display:flex;justify-content:space-around;padding-top:24px;border-top:1px solid #e5e7eb}.feature.svelte-1x05zx6{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#6b7280}.feature.svelte-1x05zx6 .icon:where(.svelte-1x05zx6){font-size:20px}@media(max-width:480px){.login-card.svelte-1x05zx6{padding:24px}.logo.svelte-1x05zx6{font-size:40px}.logo-section.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:24px}}