.auth-page.svelte-17q9lpe{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-light) 100%);position:relative;overflow:hidden}.bg-gradient.svelte-17q9lpe{position:absolute;top:-50%;right:-20%;width:80%;height:100%;background:radial-gradient(ellipse at center,oklch(.95 .05 40 / .4) 0%,transparent 70%);pointer-events:none}body.dark .bg-gradient.svelte-17q9lpe{background:radial-gradient(ellipse at center,oklch(.3 .05 40 / .3) 0%,transparent 70%)}.bg-pattern.svelte-17q9lpe{position:absolute;inset:0;background-image:radial-gradient(oklch(.7 .1 40 / .06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}body.dark .bg-pattern.svelte-17q9lpe{background-image:radial-gradient(oklch(.5 .05 40 / .1) 1px,transparent 1px)}.auth-container.svelte-17q9lpe{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:900px;width:100%;align-items:center;position:relative;z-index:1}.auth-branding.svelte-17q9lpe{display:flex;flex-direction:column;gap:1.5rem;animation:svelte-17q9lpe-fadeInUp .6s ease-out}@keyframes svelte-17q9lpe-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo.svelte-17q9lpe{display:flex;align-items:center;text-decoration:none;width:fit-content}.logo-img.svelte-17q9lpe{height:72px;width:auto}.brand-headline.svelte-17q9lpe{font-size:2.25rem;font-weight:800;line-height:1.2;color:var(--text);margin:0}.gradient-text.svelte-17q9lpe{display:block;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle.svelte-17q9lpe{font-size:1.1rem;color:var(--text-muted);line-height:1.5;margin:0}.yarn-decoration.svelte-17q9lpe{position:relative;margin-top:1rem;height:80px}.yarn-ball.svelte-17q9lpe{position:absolute;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,oklch(.7 .18 50) 50%,var(--primary) 100%);box-shadow:inset -8px -8px 16px #a938004d,inset 4px 4px 8px #ffa38366,0 8px 24px #f0540040;box-shadow:inset -8px -8px 16px oklch(.5 .2 40 / .3),inset 4px 4px 8px oklch(.8 .15 40 / .4),0 8px 24px oklch(.65 .22 40 / .25);animation:svelte-17q9lpe-float 4s ease-in-out infinite}.yarn-ball.svelte-17q9lpe:before{content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid oklch(.8 .1 40 / .5);border-top-color:transparent;border-left-color:transparent}.yarn-trail.svelte-17q9lpe{position:absolute;left:50px;top:30px;width:120px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:2px;transform-origin:left center;animation:svelte-17q9lpe-wave 3s ease-in-out infinite}@keyframes svelte-17q9lpe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svelte-17q9lpe-wave{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.9) rotate(3deg)}}.auth-card.svelte-17q9lpe{width:100%;padding:2.5rem;background:var(--bg);border-radius:var(--radius-md);box-shadow:0 4px 24px #16161614,0 0 0 1px var(--border-muted);animation:svelte-17q9lpe-fadeInUp .6s ease-out .1s both}.auth-title.svelte-17q9lpe{margin:0 0 2rem;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text)}.auth-form.svelte-17q9lpe{display:flex;flex-direction:column;gap:1.25rem}.form-label.svelte-17q9lpe{display:flex;flex-direction:column;gap:.5rem}.label-text.svelte-17q9lpe{font-size:.875rem;font-weight:500;color:var(--text-muted)}.input-wrapper.svelte-17q9lpe{position:relative;display:flex;align-items:center}.input-wrapper.svelte-17q9lpe .input-icon{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none;transition:color .2s}.input-wrapper.svelte-17q9lpe:focus-within .input-icon{color:var(--primary)}.form-input.svelte-17q9lpe{width:100%;padding:.875rem .875rem .875rem 2.75rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;background:var(--bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-input.svelte-17q9lpe::placeholder{color:var(--text-muted);opacity:.5}.form-input.svelte-17q9lpe:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f0540026;box-shadow:0 0 0 3px oklch(.65 .22 40 / .15)}.submit-btn.svelte-17q9lpe{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:var(--btn-padding-lg);background:var(--primary);border:none;border-radius:var(--btn-radius);color:#fff;font-size:var(--btn-font-lg);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn.svelte-17q9lpe:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f0540059;box-shadow:0 8px 24px oklch(.65 .22 40 / .35)}.submit-btn.svelte-17q9lpe:active:not(:disabled){transform:translateY(0)}.submit-btn.svelte-17q9lpe:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner.svelte-17q9lpe{width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:svelte-17q9lpe-spin .8s linear infinite}@keyframes svelte-17q9lpe-spin{to{transform:rotate(360deg)}}.error-msg.svelte-17q9lpe{padding:.875rem 1rem;background:#ffe8e8;background:oklch(.95 .05 20);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:.875rem;text-align:center;animation:svelte-17q9lpe-shake .4s ease-out}body.dark .error-msg.svelte-17q9lpe{background:#361717}@keyframes svelte-17q9lpe-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.forgot-link-wrapper.svelte-17q9lpe{text-align:right;margin-top:-.5rem}.forgot-link.svelte-17q9lpe{font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500;transition:opacity .2s}.forgot-link.svelte-17q9lpe:hover{text-decoration:underline}.auth-link.svelte-17q9lpe{margin-top:1.75rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-link.svelte-17q9lpe a:where(.svelte-17q9lpe){color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-link.svelte-17q9lpe a:where(.svelte-17q9lpe):hover{text-decoration:underline}@media(max-width:768px){.auth-container.svelte-17q9lpe{grid-template-columns:1fr;gap:2rem;max-width:400px}.auth-branding.svelte-17q9lpe{text-align:center;align-items:center}.brand-headline.svelte-17q9lpe{font-size:1.75rem}.yarn-decoration.svelte-17q9lpe{display:none}.auth-card.svelte-17q9lpe{padding:2rem}}