.auth-page{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--dm-primary) 16%,transparent),transparent 32rem),radial-gradient(circle at 92% 12%,color-mix(in srgb,#8b5cf6 12%,transparent),transparent 28rem),linear-gradient(180deg,var(--dm-bg) 0,color-mix(in srgb,var(--dm-bg-2) 90%,#0f172a) 100%)}.auth-page:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 30% 20%,black,transparent 75%);mask-image:radial-gradient(circle at 30% 20%,black,transparent 75%)}.auth-hero-panel{position:relative;border-right:1px solid color-mix(in srgb,var(--dm-border) 75%,white 25%);background:color-mix(in srgb,var(--dm-surface) 72%,transparent);backdrop-filter:blur(12px)}.auth-hero-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--dm-primary) 20%,transparent),transparent 34%),radial-gradient(circle at 88% 10%,color-mix(in srgb,#8b5cf6 14%,transparent),transparent 30%);animation:authHeroGlowDrift 16s ease-in-out infinite alternate}@keyframes authHeroGlowDrift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.04) translate3d(0,-1.5%,0)}}.auth-display{font-family:var(--font-marketing-display),"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}.auth-form-card{border:1px solid color-mix(in srgb,var(--dm-primary) 16%,var(--dm-border));background:color-mix(in srgb,var(--dm-surface) 90%,transparent);backdrop-filter:blur(16px);box-shadow:0 1px 0 color-mix(in srgb,white 8%,transparent) inset,0 0 0 1px color-mix(in srgb,var(--dm-primary) 8%,transparent),0 24px 70px -34px color-mix(in srgb,var(--dm-primary) 30%,transparent),var(--dm-shadow-lift)}.auth-cta-glow{box-shadow:0 0 0 1px color-mix(in srgb,var(--dm-primary) 20%,transparent),0 16px 40px -16px color-mix(in srgb,var(--dm-primary) 45%,transparent)}.auth-cta-glow:hover:not(:disabled){box-shadow:0 0 0 1px color-mix(in srgb,var(--dm-primary) 28%,transparent),0 20px 48px -14px color-mix(in srgb,var(--dm-primary) 52%,transparent)}.auth-perk-card{border:1px solid color-mix(in srgb,var(--dm-border) 78%,white 22%);background:color-mix(in srgb,var(--dm-bg) 65%,transparent);backdrop-filter:blur(10px);transition:transform var(--dm-duration-normal) var(--dm-ease-out),border-color var(--dm-duration-normal) var(--dm-ease-out),box-shadow var(--dm-duration-normal) var(--dm-ease-out)}.auth-perk-card:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--dm-primary) 28%,var(--dm-border));box-shadow:0 0 28px -12px color-mix(in srgb,var(--dm-primary) 24%,transparent)}.auth-slide-dot{height:.45rem;width:.45rem;border-radius:999px;background:color-mix(in srgb,var(--dm-muted) 55%,transparent);transition:width var(--dm-duration-normal) var(--dm-ease-out),background-color var(--dm-duration-normal) var(--dm-ease-out)}.auth-slide-dot[data-active=true]{width:1.35rem;background:var(--dm-primary)}.auth-mini-preview{border:1px solid color-mix(in srgb,var(--dm-primary) 18%,var(--dm-border));background:color-mix(in srgb,var(--dm-surface-2) 88%,transparent);box-shadow:0 18px 50px -28px color-mix(in srgb,var(--dm-primary) 28%,transparent)}@media (prefers-reduced-motion:reduce){.auth-hero-glow{animation:none}.auth-perk-card:hover{transform:none}}.dashboard-cockpit{position:relative}.dashboard-cockpit:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.55;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--dm-primary) 12%,transparent),transparent 28rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,#f59e0b 10%,transparent),transparent 24rem),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--nf-paper) 35%,transparent),transparent 40rem)}.dashboard-stack{position:relative;z-index:1}.dashboard-briefing{overflow:hidden;border:1px solid color-mix(in srgb,var(--dm-primary) 18%,var(--dm-border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,#f59e0b 12%,transparent),transparent 42%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--dm-primary) 14%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--nf-paper) 28%,var(--dm-card-strong)),var(--dm-surface));box-shadow:0 1px 0 color-mix(in srgb,white 8%,transparent) inset,0 20px 60px -36px color-mix(in srgb,var(--dm-primary) 22%,transparent),var(--dm-shadow-soft)}.dashboard-streak-pill{border:1px solid color-mix(in srgb,#f59e0b 28%,var(--dm-border));background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 12%,transparent),color-mix(in srgb,var(--dm-primary) 10%,transparent));box-shadow:0 0 32px -14px color-mix(in srgb,#f59e0b 35%,transparent)}.dashboard-streak-pill[data-active=false]{border-color:color-mix(in srgb,var(--dm-border) 80%,white 20%);background:color-mix(in srgb,var(--dm-surface-2) 88%,transparent);box-shadow:none}.dashboard-continue-hero{border:1px solid color-mix(in srgb,var(--dm-primary) 24%,var(--dm-border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dm-primary) 16%,transparent),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--dm-surface) 92%,var(--nf-paper)),var(--dm-surface));box-shadow:0 1px 0 color-mix(in srgb,white 8%,transparent) inset,0 24px 70px -38px color-mix(in srgb,var(--dm-primary) 32%,transparent),var(--dm-shadow-lift)}.dashboard-metric-card{border:1px solid color-mix(in srgb,var(--metric-accent,var(--dm-border)) 22%,var(--dm-border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 10%,transparent),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--dm-card-strong) 88%,var(--nf-paper)),var(--dm-surface));transition:transform var(--dm-duration-normal) var(--dm-ease-out),box-shadow var(--dm-duration-normal) var(--dm-ease-out),border-color var(--dm-duration-normal) var(--dm-ease-out)}.dashboard-metric-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 34%,var(--dm-border));box-shadow:0 16px 40px -28px color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 28%,transparent),var(--dm-shadow-soft)}.dashboard-metric-icon{border:1px solid color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 22%,transparent);background:color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 12%,transparent);color:color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 88%,white)}.dashboard-warm-card{border:1px solid color-mix(in srgb,var(--dm-border) 78%,white 22%);background:color-mix(in srgb,var(--dm-surface) 90%,var(--nf-paper));box-shadow:0 1px 0 color-mix(in srgb,white 6%,transparent) inset,var(--dm-shadow-soft)}.dashboard-section-title{font-family:var(--font-marketing-display,inherit);letter-spacing:-.02em}.dashboard-activity-item{border:1px solid var(--dm-border);background:color-mix(in srgb,var(--dm-surface-2) 85%,var(--nf-paper));transition:border-color var(--dm-duration-normal) var(--dm-ease-out),transform var(--dm-duration-normal) var(--dm-ease-out),box-shadow var(--dm-duration-normal) var(--dm-ease-out)}.dashboard-activity-item:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--dm-primary) 22%,var(--dm-border));box-shadow:0 8px 24px -18px color-mix(in srgb,var(--dm-primary) 20%,transparent)}.dashboard-empty-state{border:1px dashed color-mix(in srgb,var(--dm-primary) 22%,var(--dm-border));background:color-mix(in srgb,var(--dm-primary) 6%,transparent);border-radius:var(--dm-radius-md)}.dashboard-heatmap-cell{transition:transform var(--dm-duration-fast) var(--dm-ease-out),box-shadow var(--dm-duration-fast) var(--dm-ease-out)}.dashboard-heatmap-cell:hover{transform:scale(1.15);box-shadow:0 0 12px color-mix(in srgb,var(--dm-primary) 35%,transparent)}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(14deg)}75%{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.dashboard-activity-item:hover,.dashboard-heatmap-cell:hover,.dashboard-metric-card:hover{transform:none}.animate-\[wave_2s_ease-in-out_infinite\]{animation:none}}:root{--catalog-mint:#22d3ac;--catalog-mint-dim:rgba(34,211,172,0.12);--catalog-violet:#9b7cf5;--catalog-violet-dim:rgba(155,124,245,0.12);--catalog-ember:#ff9a52;--catalog-text:var(--dm-text);--catalog-muted:var(--dm-muted)}.catalog-card{--card-accent:var(--catalog-mint);--card-glow:rgba(34,211,172,0.45);--scene-tint:rgba(34,211,172,0.16);flex:0 0 16.125rem;scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--dm-border) 70%,white 30%);background:color-mix(in srgb,var(--dm-surface) 96%,transparent);border-radius:var(--dm-radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 color-mix(in srgb,white 6%,transparent) inset,var(--dm-shadow-soft);transition:transform .3s var(--dm-ease-out),border-color .3s var(--dm-ease-out),box-shadow .3s var(--dm-ease-out)}.catalog-card[data-accent=violet]{--card-accent:var(--catalog-violet);--card-glow:rgba(155,124,245,0.45);--scene-tint:rgba(155,124,245,0.14)}.catalog-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--dm-border));box-shadow:0 1px 0 color-mix(in srgb,white 7%,transparent) inset,0 26px 60px -32px var(--card-glow),var(--dm-shadow-lift)}.catalog-card-visual{height:7.5rem;position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--dm-border) 70%,white 30%);background:radial-gradient(120% 140% at 15% 0,var(--scene-tint),transparent 60%),color-mix(in srgb,var(--dm-surface-2) 92%,var(--nf-paper))}.catalog-card-body{padding:1rem 1rem 1.125rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.catalog-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.catalog-card-tag{font-family:var(--font-mono,ui-monospace,monospace);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.catalog-card-tag[data-kind=path]{color:var(--catalog-mint)}.catalog-card-tag[data-kind=tool]{color:var(--catalog-violet)}.catalog-card-count{font-family:var(--font-mono,ui-monospace,monospace);font-size:.68rem;color:var(--catalog-muted);border:1px solid color-mix(in srgb,var(--dm-border) 80%,white 20%);padding:.1875rem .5rem;border-radius:100px;white-space:nowrap}.catalog-card-title{font-family:var(--font-marketing-display,inherit);font-size:.98rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-top:.125rem}.catalog-card-desc{font-size:.8rem;color:var(--catalog-muted);line-height:1.5}.catalog-card-foot{margin-top:auto;padding-top:.625rem}.catalog-card-progress-track{height:4px;border-radius:100px;background:color-mix(in srgb,var(--dm-text) 6%,transparent);overflow:hidden}.catalog-card-progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--card-accent),var(--catalog-mint));transition:width .5s var(--dm-ease-out)}.catalog-card-progress-text{margin-top:.375rem}.catalog-card-not-started,.catalog-card-progress-text{font-family:var(--font-mono,ui-monospace,monospace);font-size:.68rem;color:var(--catalog-muted)}.catalog-card-not-started{display:flex;align-items:center;gap:.375rem}.catalog-card-not-started .ring{width:6px;height:6px;border-radius:50%;border:1.5px solid var(--catalog-muted)}.catalog-card-action{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:600;color:var(--card-accent);opacity:0;transition:opacity var(--dm-duration-normal) var(--dm-ease-out)}.catalog-card:hover .catalog-card-action{opacity:1}.catalog-scene-grow{transform:scaleY(.55);transform-origin:bottom;transition:transform .4s var(--dm-ease-out)}.catalog-card:hover .catalog-scene-grow{transform:scaleY(1)}.catalog-scene-grow-delay-1{transition-delay:.05s}.catalog-scene-grow-delay-2{transition-delay:.1s}.catalog-scene-grow-delay-3{transition-delay:.15s}.catalog-scene-draw{stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset .7s var(--dm-ease-out)}.catalog-card:hover .catalog-scene-draw{stroke-dashoffset:0}.catalog-scene-lift{transition:opacity .4s var(--dm-ease-out);opacity:.55}.catalog-card:hover .catalog-scene-lift{opacity:1}.catalog-scene-flow{stroke-dasharray:6 6;animation:catalog-flow-dash 1.4s linear infinite}.catalog-scene-pulse{animation:catalog-pulse-dot 2.2s ease-in-out infinite}.catalog-scene-blink{animation:catalog-blink 1.1s steps(1) infinite}@keyframes catalog-flow-dash{to{stroke-dashoffset:-24}}@keyframes catalog-pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes catalog-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.catalog-card:hover{transform:none}.catalog-scene-blink,.catalog-scene-draw,.catalog-scene-flow,.catalog-scene-grow,.catalog-scene-lift,.catalog-scene-pulse{animation:none!important;transition:none!important;transform:none!important;stroke-dashoffset:0!important;opacity:1!important}}.dm-display{font-family:var(--font-marketing-display,inherit);letter-spacing:-.025em}.dm-hero-premium{border:1px solid color-mix(in srgb,var(--dm-primary) 16%,var(--dm-border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dm-accent) 8%,transparent),transparent 40%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--dm-primary) 12%,transparent),transparent 36%),var(--dm-hero-bg);box-shadow:0 1px 0 color-mix(in srgb,white 8%,transparent) inset,0 20px 60px -38px color-mix(in srgb,var(--dm-primary) 26%,transparent),var(--dm-shadow-soft)}.dm-hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono,ui-monospace,monospace);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dm-primary);border:1px solid color-mix(in srgb,var(--dm-primary) 26%,transparent);background:color-mix(in srgb,var(--dm-primary) 10%,transparent);padding:.3rem .7rem;border-radius:100px}.dm-hero-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--dm-primary);box-shadow:0 0 10px color-mix(in srgb,var(--dm-primary) 70%,transparent)}.dm-card-sheen{box-shadow:0 1px 0 color-mix(in srgb,white 7%,transparent) inset,var(--dm-shadow-soft)}.dm-card-sheen:hover{border-color:color-mix(in srgb,var(--dm-primary) 18%,var(--dm-border))}.dm-metric-premium{border:1px solid color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 20%,var(--dm-border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 9%,transparent),transparent 55%),linear-gradient(160deg,var(--dm-card-strong),var(--dm-surface));transition:transform var(--dm-duration-normal) var(--dm-ease-out),border-color var(--dm-duration-normal) var(--dm-ease-out),box-shadow var(--dm-duration-normal) var(--dm-ease-out)}.dm-metric-premium:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 32%,var(--dm-border));box-shadow:0 16px 40px -28px color-mix(in srgb,var(--metric-accent,var(--dm-primary)) 30%,transparent),var(--dm-shadow-soft)}.dm-empty-premium{border:1px dashed color-mix(in srgb,var(--dm-primary) 24%,var(--dm-border))!important;background:color-mix(in srgb,var(--dm-primary) 5%,transparent)}.dm-skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--dm-surface-2) 86%,var(--dm-border))}.dm-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,white 7%,transparent),transparent);animation:dm-shimmer 1.6s var(--dm-ease-out) infinite}@keyframes dm-shimmer{to{transform:translateX(100%)}}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dm-border-strong) 85%,transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dm-border-strong) 85%,transparent);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--dm-primary) 35%,var(--dm-border-strong))}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid color-mix(in srgb,var(--dm-primary) 65%,transparent);outline-offset:2px;border-radius:4px}.app-shell-page{animation-duration:.26s}@media (prefers-reduced-motion:reduce){.dm-skeleton:after{animation:none}.dm-metric-premium:hover{transform:none}}