:root{--color-neutral-25:#fafafa;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e6e8ec;--color-neutral-300:#c8cfd8;--color-neutral-400:#94a3b8;--color-neutral-500:#6b7280;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0b1220;--color-ink-50:#eef2ff;--color-ink-100:#e0e7ff;--color-ink-200:#c7d2fe;--color-ink-300:#a5b4fc;--color-ink-400:#7c8cf8;--color-ink-500:#6366f1;--color-ink-600:#4854e8;--color-ink-700:#3b44c7;--color-ink-800:#3730a3;--color-ink-900:#312e81;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#10b981;--color-success-700:#059669;--color-success-800:#047857;--color-success-900:#064e3b;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-warn-50:#fffbeb;--color-warn-100:#fef3c7;--color-warn-200:#fde68a;--color-warn-300:#fcd34d;--color-warn-400:#fbbf24;--color-warn-500:#f59e0b;--color-warn-600:#d97706;--color-warn-700:#b45309;--color-warn-800:#92400e;--color-warn-900:#78350f;--color-bg:#fff;--color-bg-subtle:var(--color-neutral-25);--color-surface:#fff;--color-surface-raised:#fff;--color-border:var(--color-neutral-200);--color-border-subtle:var(--color-neutral-100);--color-text:var(--color-neutral-900);--color-text-muted:var(--color-neutral-500);--color-text-subtle:var(--color-neutral-400);--color-chip:#f4f6f8;--color-chip-text:#374151;--color-success-bg:rgba(16,185,129,.04);--color-danger-bg:rgba(239,68,68,.04);--color-warn-bg:rgba(245,158,11,.04);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI","Roboto","Oxygen","Ubuntu","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.125rem;--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.4;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--card-padding-xs:var(--space-3);--card-padding-sm:var(--space-4);--card-padding-md:var(--space-5);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--border-width:1px;--border-width-2:2px;--shadow-sm:0 1px 2px rgba(16,24,40,.04);--shadow-base:0 1px 2px rgba(16,24,40,.06),0 1px 1px rgba(16,24,40,.04);--shadow-md:0 4px 6px rgba(16,24,40,.05),0 2px 4px rgba(16,24,40,.03);--shadow-lg:0 10px 15px rgba(16,24,40,.06),0 4px 6px rgba(16,24,40,.04);--shadow-xl:0 20px 25px rgba(16,24,40,.08),0 10px 10px rgba(16,24,40,.04);--shadow-lift:0 6px 16px rgba(16,24,40,.08);--transition-fast:140ms ease-out;--transition-base:180ms ease-out;--transition-slow:220ms ease-out;--transition-slower:280ms ease-out;--screen-xs:320px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--chart-height-mini:48px;--chart-stroke-width:2px;--chart-avg-line-width:1px;--chart-avg-line-color:var(--color-neutral-200);--metric-value-size:var(--text-xl);--metric-label-size:var(--text-sm);--metric-context-size:var(--text-xs);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-tooltip:60;--z-notification:70}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width:768px){:root{--card-padding-xs:var(--space-4);--card-padding-sm:var(--space-5);--card-padding-md:var(--space-6)}}@media (min-width:1024px){:root{--metric-value-size:1.5rem}}:root{--color-brand-blue-50:#eff6ff;--color-brand-blue-100:#dbeafe;--color-brand-blue-500:#3b82f6;--color-brand-blue-600:#2563eb;--color-brand-blue-700:#1d4ed8;--color-brand-purple-50:#faf5ff;--color-brand-purple-100:#f3e8ff;--color-brand-purple-500:#8b5cf6;--color-brand-purple-600:#7c3aed;--color-brand-purple-700:#6d28d9;--color-brand-green-50:#f0fdf4;--color-brand-green-100:#dcfce7;--color-brand-green-500:#22c55e;--color-brand-green-600:#16a34a;--color-brand-green-700:#15803d;--color-primary:var(--color-brand-blue-600);--color-primary-light:var(--color-brand-blue-500);--color-primary-dark:var(--color-brand-blue-700);--color-secondary:var(--color-brand-purple-600);--color-secondary-light:var(--color-brand-purple-500);--color-secondary-dark:var(--color-brand-purple-700);--color-success:var(--color-brand-green-600);--color-success-light:var(--color-brand-green-500);--color-success-dark:var(--color-brand-green-700);--color-danger:#dc2626;--color-danger-light:#ef4444;--color-danger-dark:#b91c1c;--color-warning:#ca8a04;--color-warning-light:#eab308;--color-warning-dark:#a16207;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-background-primary:#f9fafb;--color-background-secondary:#fff;--color-background-tertiary:var(--color-slate-50);--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-700);--color-text-tertiary:var(--color-slate-600);--color-text-muted:var(--color-slate-500);--color-text-inverse:#fff;--gradient-brand:linear-gradient(to right,var(--color-brand-blue-600),var(--color-brand-purple-600));--gradient-hero:linear-gradient(to bottom right,var(--color-slate-50),var(--color-brand-blue-50),var(--color-brand-purple-50));--gradient-blue:linear-gradient(to right,var(--color-brand-blue-500),#06b6d4);--gradient-purple:linear-gradient(to right,var(--color-brand-purple-500),#ec4899);--gradient-green:linear-gradient(to right,var(--color-brand-green-500),#10b981);--gradient-brand-subtle:linear-gradient(135deg,var(--color-brand-blue-600) 0%,var(--color-brand-blue-700) 100%);--gradient-achievement-accent:linear-gradient(90deg,var(--color-brand-blue-600) 0%,var(--color-brand-blue-500) 100%);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-2xl:0 35px 60px -15px rgba(0,0,0,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-glass:0 8px 32px 0 rgba(31,38,135,.15);--shadow-glass-hover:0 12px 40px 0 rgba(31,38,135,.25);--shadow-glass-premium:0 12px 40px 0 rgba(31,38,135,.25),inset 0 1px 0 0 hsla(0,0%,100%,.4);--shadow-glow-sm:0 0 10px rgba(59,130,246,.5);--shadow-glow-md:0 0 20px rgba(59,130,246,.6);--shadow-glow-lg:0 0 30px rgba(59,130,246,.7);--shadow-glow-primary:0 0 20px rgba(59,130,246,.5);--shadow-glow-secondary:0 0 20px rgba(139,92,246,.5);--shadow-glow-success:0 0 20px rgba(34,197,94,.5);--shadow-glow-danger:0 0 20px rgba(239,68,68,.5);--color-achievement-locked:hsla(220,9%,46%,.4);--color-achievement-progress:var(--color-brand-blue-600);--color-achievement-complete:var(--color-brand-green-600);--color-achievement-mastered:#fbbf24;--progress-bar-height:12px;--progress-bar-radius:6px;--progress-bar-bg:var(--color-slate-200);--progress-bar-fill:var(--gradient-achievement-accent);--card-padding:24px;--card-gap:16px;--card-section-gap:32px;--card-bg-default:#fff;--card-border-default:1px solid var(--color-slate-200);--card-shadow-default:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--touch-target-min:44px;--badge-size-sm:32px;--badge-size-md:48px;--badge-size-lg:64px;--badge-size-xl:80px;--duration-instant:0ms;--duration-fast:150ms;--duration-base:300ms;--duration-slow:600ms;--duration-slower:800ms;--duration-slowest:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--z-index-negative:-1;--z-index-0:0;--z-index-10:10;--z-index-20:20;--z-index-30:30;--z-index-40:40;--z-index-50:50;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--glass-bg:hsla(0,0%,100%,.06);--glass-bg-light:hsla(0,0%,100%,.8);--glass-bg-dark:rgba(0,0,0,.1);--glass-border:hsla(0,0%,100%,.1);--glass-stroke:hsla(0,0%,100%,.1);--glass-blur:10px;--glass-blur-heavy:16px;--glass-blur-xl:24px;--mobile-gutter:clamp(16px,5vw,24px);--radius-card:16px;--radius-2:12px;--radius-3:16px;--radius-4:20px;--elev-1:0 1px 3px rgba(0,0,0,.2);--ease-out-premium:cubic-bezier(0.22,1,0.36,1);--dur-fast:180ms;--dur-normal:220ms;--font-size-mobile-h1:clamp(28px,7vw,36px);--font-size-mobile-h2:clamp(20px,5.6vw,28px);--font-size-mobile-body:clamp(15px,4vw,17px);--font-size-mobile-caption:13px;--breakpoint-xs:475px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.text-h1{font-size:var(--font-size-5xl)}.text-h1,.text-h2{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.text-h2{font-size:var(--font-size-4xl)}.text-h3{font-size:var(--font-size-3xl)}.text-h3,.text-h4{line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-h4{font-size:var(--font-size-2xl)}.text-h5{font-size:var(--font-size-xl)}.text-h5,.text-h6{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-h6{font-size:var(--font-size-lg)}.text-body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-body,.text-body-lg{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.text-body{font-size:var(--font-size-base)}.text-body,.text-body-sm{line-height:var(--line-height-normal)}.text-body-sm{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.text-body-sm,.text-lead{font-weight:var(--font-weight-normal)}.text-lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.text-caption{font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.text-caption,.text-label{font-weight:var(--font-weight-medium)}.text-label{font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-text-secondary)}.text-link{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.text-link:hover{color:var(--color-primary-dark);text-decoration:underline}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-blue{-webkit-text-fill-color:transparent}.text-gradient-blue{background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:640px){.text-h1{font-size:var(--font-size-4xl)}.text-h2{font-size:var(--font-size-3xl)}.text-h3{font-size:var(--font-size-2xl)}.text-h4{font-size:var(--font-size-xl)}.text-h5{font-size:var(--font-size-lg)}.text-h6{font-size:var(--font-size-base)}.text-lead{font-size:var(--font-size-lg)}}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}.hero-title{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));line-height:1.1;letter-spacing:-.02em}.hero-title,.section-title{font-weight:var(--font-weight-bold)}.section-title{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-5xl));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.card-title{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.badge-text{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide)}.animate-in{animation-duration:var(--duration-base);animation-fill-mode:both;animation-timing-function:var(--ease-out)}.animate-in-slow{animation-duration:var(--duration-slow)}.animate-in-fast{animation-duration:var(--duration-fast)}.fade-in{animation-name:fade-in}.fade-in-up{animation-name:fade-in-up}.fade-in-down{animation-name:fade-in-down}.fade-in-left{animation-name:fade-in-left}.fade-in-right{animation-name:fade-in-right}.scale-in{animation-name:scale-in}.zoom-in{animation-name:zoom-in}.slide-in-up{animation-name:slide-in-up}.slide-in-down{animation-name:slide-in-down}.slide-in-left{animation-name:slide-in-left}.slide-in-right{animation-name:slide-in-right}.hover-lift{transition:transform var(--duration-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px)}.hover-grow{transition:transform var(--duration-base) var(--ease-out)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink{transition:transform var(--duration-base) var(--ease-out)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate{transition:transform var(--duration-base) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-spin-slow{animation:spin 3s linear infinite}.animate-bounce-slow{animation:bounce 2s ease-in-out infinite}.stagger-children>*{animation-fill-mode:both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.transition-smooth{transition-property:all;transition-duration:var(--duration-base);transition-timing-function:var(--ease-smooth)}.transition-bounce{transition-property:all;transition-duration:var(--duration-base);transition-timing-function:var(--ease-bounce)}.transition-slow{transition-duration:var(--duration-slow)}.transition-fast{transition-duration:var(--duration-fast)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(99,102,241,.3)}50%{box-shadow:0 0 30px rgba(99,102,241,.6),0 0 50px rgba(139,92,246,.4)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}[data-scroll]{opacity:0;transition:opacity .6s var(--ease-out)}[data-scroll].in-view{opacity:1}[data-scroll=fade-up]{transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-scroll=fade-up].in-view{transform:translateY(0)}[data-scroll=fade-down]{transform:translateY(-30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-scroll=fade-down].in-view{transform:translateY(0)}[data-scroll=fade-left]{transform:translateX(-30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-scroll=fade-left].in-view{transform:translateX(0)}[data-scroll=fade-right]{transform:translateX(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-scroll=fade-right].in-view{transform:translateX(0)}[data-scroll=scale]{transform:scale(.8);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-scroll=scale].in-view{transform:scale(1)}@keyframes tutorial-glow{0%{box-shadow:0 0 5px rgba(236,72,153,.5),0 0 10px rgba(236,72,153,.4),0 0 15px rgba(236,72,153,.3)}50%{box-shadow:0 0 10px rgba(236,72,153,.6),0 0 20px rgba(236,72,153,.5),0 0 30px rgba(236,72,153,.4),0 0 40px rgba(236,72,153,.3)}to{box-shadow:0 0 5px rgba(236,72,153,.5),0 0 10px rgba(236,72,153,.4),0 0 15px rgba(236,72,153,.3)}}.tutorial-final-glow,.tutorial-stack-glow{animation:tutorial-glow 2.5s ease-in-out infinite}.tutorial-stack-glow{position:relative}.tutorial-stack-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ec4899,#a855f7);border-radius:inherit;opacity:.5;filter:blur(8px);animation:tutorial-glow 2.5s ease-in-out infinite}@keyframes notification-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.tutorial-notification-badge{position:relative;animation:notification-pulse 2.5s ease-in-out infinite}.tutorial-notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ec4899;border-radius:50%;animation:notification-pulse 2.5s ease-in-out infinite}@keyframes tutorial-highlight-pulse{0%,to{opacity:1}50%{opacity:.7}}.tutorial-highlight{animation:tutorial-highlight-pulse 2.5s ease-in-out infinite}@keyframes tutorial-popover-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.tutorial-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;border-radius:1.5rem 1.5rem 0 0!important;max-width:none!important;width:100%!important;padding-bottom:env(safe-area-inset-bottom,20px)}.tutorial-coachmark{padding:1rem}.tutorial-button{min-height:44px;min-width:44px}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.px-safe{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.h-viewport{height:100vh;height:100dvh}.tutorial-scroll-smooth{scroll-behavior:smooth}.tutorial-focus-trap:focus-within{outline:2px solid rgba(168,85,247,.5);outline-offset:2px;border-radius:.75rem}body.tutorial-active{overflow:hidden;position:fixed;width:100%}@keyframes spotlight-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.spotlight-ring-pulse{animation:spotlight-ring-pulse 2.5s ease-in-out infinite}.tutorial-popover{animation:tutorial-popover-enter .3s ease-out}.tutorial-nav-highlight{position:relative}.tutorial-nav-highlight:before{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,#a855f7,#ec4899);border-radius:8px;opacity:.3;animation:tutorial-glow 2.5s ease-in-out infinite;pointer-events:none}@keyframes tutorial-jiggle{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.tutorial-jiggle{animation:tutorial-jiggle .3s ease-in-out}@keyframes tutorial-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.tutorial-progress-dot-active{animation:tutorial-dot-pulse 2.5s ease-in-out infinite}.tutorial-skip-hover{transition:all .2s ease}.tutorial-skip-hover:hover{color:#f87171;transform:translateX(2px)}@keyframes tutorial-target-glow-pulse{0%,to{box-shadow:0 0 0 2px rgba(16,185,129,.6),0 0 8px rgba(16,185,129,.35)}50%{box-shadow:0 0 0 3px rgba(16,185,129,.5),0 0 12px rgba(16,185,129,.45)}}.tutorial-target-glow{animation:tutorial-target-glow-pulse 2.5s ease-in-out infinite}@keyframes tutorial-target-glow-intense-pulse{0%,to{box-shadow:0 0 0 2px #10b981,0 0 8px 2px rgba(16,185,129,.45)}50%{box-shadow:0 0 0 3px rgba(16,185,129,.9),0 0 14px 3px rgba(16,185,129,.55)}}.tutorial-target-glow-intense{animation:tutorial-target-glow-intense-pulse 2.5s ease-in-out infinite}.tutorial-target-glow-static{box-shadow:0 0 0 2px rgba(16,185,129,.7),0 0 10px rgba(16,185,129,.3)}@media (prefers-reduced-motion:reduce){.tutorial-final-glow,.tutorial-highlight,.tutorial-jiggle,.tutorial-nav-highlight:before,.tutorial-notification-badge,.tutorial-progress-dot-active,.tutorial-stack-glow{animation:none}.tutorial-popover{animation:none;opacity:1;transform:none}.tutorial-skip-hover{transition:none}.tutorial-target-glow,.tutorial-target-glow-intense{animation:none;box-shadow:0 0 0 2px rgba(16,185,129,.6),0 0 8px rgba(16,185,129,.35)}}:root{--color-primary-blue:#2867ec;--color-primary-purple:#9945ff;--color-primary-cyan:#00d9ff;--color-secondary-orange:#f97316;--color-secondary-yellow:#f59e0b;--color-secondary-green:#1aae51;--color-secondary-red:#f87171;--color-secondary-torquoise:#3bc6c6;--color-tertiary-blue:#3b82f6;--color-tertiary-green:#39ff14;--color-tertiary-blue-tint:#9ac8fb;--color-tertiary-periwinkle:#5e6ecd;--font-heading:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--font-body:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}.h1,h1{font-size:25px}.h1,.h2,h1,h2{font-family:var(--font-heading);font-weight:700}.h2,h2{font-size:15px}.subtext{font-size:12px}.subtext,.text-sm{font-family:var(--font-body);font-weight:400}.text-lg,.text-xl{font-family:var(--font-heading)}.text-sm,.text-xs,body{font-family:var(--font-body)}body{font-size:12px;color:#000}.dashboard-card{contain:layout paint style;will-change:transform}.badge-update-animation{animation:badgeUpdate .6s ease-in-out}@keyframes badgeUpdate{0%{transform:scale(1)}50%{transform:scale(1.1);background-color:rgba(59,130,246,.1)}to{transform:scale(1)}}.sparkline-animated{stroke-dasharray:200;stroke-dashoffset:200;animation:sparklineDrawIn 1s ease-in-out forwards}@keyframes sparklineDrawIn{to{stroke-dashoffset:0}}.animate-pulse-slow{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.animate-bounce-in{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-up{animation:slideInUp .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-in}.fade-in-delayed{animation:fadeIn .5s ease-in .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.count-up{animation:countUp 1.5s ease-out}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-fill-animated{animation:progressFill 1s ease-out}@keyframes progressFill{0%{width:0}}.card-hover{transition:all .2s ease-in-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.confetti{animation:confetti 3s ease-in-out}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}@media (max-width:768px){.mobile-stack{flex-direction:column}.mobile-full-width{width:100%}.mobile-text-center{text-align:center}}@media (prefers-color-scheme:dark){.dark-mode-card{background-color:rgba(31,41,55,.8);border-color:rgba(75,85,99,.3)}.dark-mode-text{color:rgba(243,244,246,.9)}}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.high-contrast{border-width:2px;font-weight:600}}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.respect-motion-preference *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}