.login-container.svelte-1uh998x{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.login-container.svelte-1uh998x:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.08) 0%,transparent 50%);pointer-events:none}.login-content.svelte-1uh998x{position:relative;z-index:1;width:100%;max-width:450px}.login-card.svelte-1uh998x{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(203,213,225,.3);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000001a;position:relative;overflow:hidden}.login-card.svelte-1uh998x:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-blue),var(--primary-purple),var(--accent-pink),transparent);opacity:.8}.login-brand-section.svelte-1uh998x{text-align:center;margin-bottom:2.5rem}.login-brand.svelte-1uh998x{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle.svelte-1uh998x{font-size:1rem;color:var(--gray-600);font-weight:500;margin:0}.login-form-container.svelte-1uh998x{width:100%}.login-header.svelte-1uh998x{text-align:center;margin-bottom:2rem}.login-title.svelte-1uh998x{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:.5rem}.login-description.svelte-1uh998x{color:var(--gray-600);font-size:.95rem;margin:0}.user-type-selector.svelte-1uh998x{margin-bottom:2rem}.login-type-buttons.svelte-1uh998x{display:flex;gap:1rem;justify-content:center}.user-type-btn.svelte-1uh998x{font-weight:600;padding:10px!important;transition:all .3s ease;border-radius:12px!important;flex:1;max-width:180px;position:relative;box-shadow:0 2px 8px #0000001a}.user-type-btn.svelte-1uh998x:hover,.user-type-btn.active.svelte-1uh998x{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:var(--primary-blue)!important;color:#fff!important}.form-container.svelte-1uh998x{position:relative;width:100%;overflow:hidden;border-radius:16px;min-height:400px}.form-slider.svelte-1uh998x{display:flex;width:200%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.form-slider.kid-active.svelte-1uh998x{transform:translate(-50%)}.parent-form.svelte-1uh998x,.kid-form.svelte-1uh998x{width:50%;flex-shrink:0}.parent-form.svelte-1uh998x{opacity:1;transition:opacity .3s ease .2s}.form-slider.kid-active.svelte-1uh998x .parent-form:where(.svelte-1uh998x){opacity:0;transition:opacity .2s ease}.kid-form.svelte-1uh998x{opacity:0;transition:opacity .2s ease}.form-slider.kid-active.svelte-1uh998x .kid-form:where(.svelte-1uh998x){opacity:1;transition:opacity .3s ease .2s}.login-methods.svelte-1uh998x{margin:1.5rem}.social-btn.svelte-1uh998x{margin-bottom:.75rem;padding:1rem;font-weight:500;justify-content:center;transition:all .3s ease}.social-btn.svelte-1uh998x:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.email-form-container.svelte-1uh998x{margin-top:1rem;padding:1.25rem;background:#f8fafc99;border-radius:12px;border:1px solid rgba(203,213,225,.3)}.email-form.svelte-1uh998x .form-control:where(.svelte-1uh998x){margin-bottom:1rem}.kid-form.svelte-1uh998x{margin-bottom:1.5rem}.kid-login-btn.svelte-1uh998x{padding:.875rem;font-weight:600;font-size:1.05rem}.login-info.svelte-1uh998x{text-align:center;margin-top:1.25rem}.info-text.svelte-1uh998x{color:var(--gray-500);font-size:.85rem;margin:0}@media (max-width: 575.98px){.login-container.svelte-1uh998x{padding:1rem}.login-card.svelte-1uh998x{padding:2rem}.login-brand.svelte-1uh998x{font-size:2rem}.login-title.svelte-1uh998x{font-size:1.25rem}.login-type-buttons.svelte-1uh998x{gap:.75rem}.user-type-btn.svelte-1uh998x{max-width:160px}}@media (max-width: 400px){.login-card.svelte-1uh998x{padding:1.5rem}.login-brand-section.svelte-1uh998x{margin-bottom:2rem}.login-type-buttons.svelte-1uh998x{gap:.5rem;flex-direction:column}.user-type-btn.svelte-1uh998x{max-width:100%}}