.login-page.svelte-1x05zx6{--gradient-hue: 250;min-height:100vh;min-height:100dvh;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 40px;background:#f6f9fc;font-family:Sohne,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.gradient-banner.svelte-1x05zx6{position:fixed;top:0;left:0;right:0;height:45vh;overflow:hidden;z-index:0}.pattern-container.svelte-1x05zx6{position:fixed;top:0;right:0;width:100%;height:45vh;overflow:hidden;z-index:1;pointer-events:none}.pattern-container.svelte-1x05zx6 .hero-pattern:where(.svelte-1x05zx6){position:absolute;bottom:-30%;right:-10%;width:1000px;height:auto;opacity:.06}@media(min-width:768px){.pattern-container.svelte-1x05zx6 .hero-pattern:where(.svelte-1x05zx6){width:1400px;bottom:-40%;right:-5%}}@media(min-width:1024px){.pattern-container.svelte-1x05zx6 .hero-pattern:where(.svelte-1x05zx6){width:1800px}}.gradient-layer.svelte-1x05zx6{position:absolute;inset:0;transform:skewY(-6deg);transform-origin:top left}.gradient-1.svelte-1x05zx6{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 90%,#ff6b6b) 0%,var(--primary-color) 35%,color-mix(in srgb,var(--primary-color) 70%,#4ecdc4) 65%,color-mix(in srgb,var(--primary-color) 50%,#45b7d1) 100%);opacity:1}.gradient-2.svelte-1x05zx6{background:radial-gradient(ellipse 80% 50% at 20% 40%,color-mix(in srgb,var(--primary-color) 60%,#ff9a9e) 0%,transparent 50%);opacity:.8;animation:svelte-1x05zx6-drift1 20s ease-in-out infinite}.gradient-3.svelte-1x05zx6{background:radial-gradient(ellipse 60% 40% at 80% 20%,color-mix(in srgb,var(--primary-color) 40%,#a8edea) 0%,transparent 50%);opacity:.6;animation:svelte-1x05zx6-drift2 25s ease-in-out infinite reverse}@keyframes svelte-1x05zx6-drift1{0%,to{transform:skewY(-6deg) translate(0)}50%{transform:skewY(-6deg) translate(3%)}}@keyframes svelte-1x05zx6-drift2{0%,to{transform:skewY(-6deg) translate(0)}50%{transform:skewY(-6deg) translate(-3%)}}.lines-pattern.svelte-1x05zx6{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(12.5% - 1px),rgba(0,0,0,.04) calc(12.5% - 1px),rgba(0,0,0,.04) 12.5%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.3) 45%,rgba(0,0,0,1) 55%,rgba(0,0,0,1) 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.3) 45%,rgba(0,0,0,1) 55%,rgba(0,0,0,1) 100%)}.lines-pattern.svelte-1x05zx6:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 8px,#f6f9fc 8px,#f6f9fc 16px)}.card-container.svelte-1x05zx6{position:relative;z-index:10;width:100%;max-width:420px;margin-top:5vh}.login-card.svelte-1x05zx6{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000005,0 4px 8px #00000005,0 8px 16px #00000005,0 16px 32px #0000000a;overflow:hidden}.logo-section.svelte-1x05zx6{padding:32px 40px 24px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f0f0f0}.logo.svelte-1x05zx6{max-height:100px;max-width:300px;width:auto;object-fit:contain}.form-section.svelte-1x05zx6{padding:32px 40px 40px}.title.svelte-1x05zx6{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px;letter-spacing:-.02em}.error-alert.svelte-1x05zx6{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px}.error-alert.svelte-1x05zx6 .error-icon{width:18px;height:18px;flex-shrink:0}.success-alert.svelte-1x05zx6{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:14px;margin-bottom:20px}.success-alert.svelte-1x05zx6 .success-icon{width:18px;height:18px;flex-shrink:0}.login-form.svelte-1x05zx6{display:flex;flex-direction:column;gap:20px}.field.svelte-1x05zx6{display:flex;flex-direction:column;gap:6px}.label-row.svelte-1x05zx6{display:flex;justify-content:space-between;align-items:center}.label.svelte-1x05zx6{font-size:14px;font-weight:500;color:#1a1a1a}.forgot-link.svelte-1x05zx6{font-size:13px;color:var(--primary-color);text-decoration:none;transition:opacity .15s ease}.forgot-link.svelte-1x05zx6:hover{opacity:.8;text-decoration:underline}.input.svelte-1x05zx6{width:100%;height:44px;padding:0 14px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input.svelte-1x05zx6::placeholder{color:#9ca3af}.input.svelte-1x05zx6:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.input.svelte-1x05zx6:disabled{background:#f9fafb;cursor:not-allowed}.submit-btn.svelte-1x05zx6{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:4px;padding:0 20px;font-size:15px;font-weight:500;font-family:inherit;color:#fff;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.submit-btn.svelte-1x05zx6:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 40%,transparent)}.submit-btn.svelte-1x05zx6:active:not(:disabled){transform:translateY(0)}.submit-btn.svelte-1x05zx6:disabled{opacity:.7;cursor:not-allowed}.submit-btn.svelte-1x05zx6 .spinner{width:18px;height:18px;animation:svelte-1x05zx6-spin 1s linear infinite}@keyframes svelte-1x05zx6-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.powered-by.svelte-1x05zx6{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.powered-text.svelte-1x05zx6{font-size:12px;color:#9ca3af}.powered-link.svelte-1x05zx6{display:flex;align-items:center;opacity:.7;transition:opacity .15s ease}.powered-link.svelte-1x05zx6:hover{opacity:1}.powered-logo.svelte-1x05zx6{height:18px;width:auto}.sending-step.svelte-1x05zx6{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0}.sending-icon.svelte-1x05zx6{margin-bottom:24px}.sending-icon.svelte-1x05zx6 .spinner-large{width:48px;height:48px;color:var(--primary-color);animation:svelte-1x05zx6-spin 1s linear infinite}.subtitle.svelte-1x05zx6{font-size:15px;color:#6b7280;margin:8px 0 0;line-height:1.5}.back-button.svelte-1x05zx6{display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:16px;font-size:14px;font-family:inherit;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .15s ease}.back-button.svelte-1x05zx6:hover{color:var(--primary-color)}.otp-header.svelte-1x05zx6{margin-bottom:16px}.email-badge.svelte-1x05zx6{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#f3f4f6;border-radius:20px;font-size:14px;color:#374151}.otp-form.svelte-1x05zx6{display:flex;flex-direction:column;gap:20px;margin-top:24px}.otp-input-container.svelte-1x05zx6{display:flex;justify-content:center}.otp-input.svelte-1x05zx6{width:100%;max-width:280px;height:64px;padding:0 20px;font-size:32px;font-weight:600;font-family:SF Mono,Monaco,Courier New,monospace;text-align:center;letter-spacing:12px;color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.otp-input.svelte-1x05zx6::placeholder{color:#d1d5db;letter-spacing:12px}.otp-input.svelte-1x05zx6:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.otp-input.svelte-1x05zx6:disabled{background:#f9fafb;cursor:not-allowed}.resend-section.svelte-1x05zx6{text-align:center;margin-top:16px}.resend-text.svelte-1x05zx6{font-size:14px;color:#9ca3af;margin:0}.resend-btn.svelte-1x05zx6{font-size:14px;font-family:inherit;color:var(--primary-color);background:none;border:none;cursor:pointer;padding:8px;transition:opacity .15s ease}.resend-btn.svelte-1x05zx6:hover{opacity:.8;text-decoration:underline}@media(max-width:480px){.login-page.svelte-1x05zx6{padding:60px 16px 24px}.card-container.svelte-1x05zx6{margin-top:2vh}.logo-section.svelte-1x05zx6{padding:24px 24px 20px}.form-section.svelte-1x05zx6{padding:24px}.title.svelte-1x05zx6{font-size:20px}.otp-input.svelte-1x05zx6{font-size:24px;letter-spacing:8px;height:56px}.otp-input.svelte-1x05zx6::placeholder{letter-spacing:8px}}