@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@600;700;800&display=swap";
:root{--color-primary-900:250 70% 15%;--color-primary-800:250 68% 22%;--color-primary-700:250 65% 35%;--color-primary-600:250 62% 45%;--color-primary-500:250 60% 55%;--color-primary-400:250 65% 65%;--color-primary-300:250 70% 75%;--color-primary-200:250 75% 85%;--color-primary-100:250 80% 95%;--color-primary-50:250 85% 98%;--color-accent-600:43 100% 50%;--color-accent-500:43 100% 60%;--color-accent-400:43 100% 70%;--color-accent-300:43 100% 75%;--color-accent-200:43 100% 85%;--color-accent-100:43 100% 95%;--color-success-600:142 71% 35%;--color-success-500:142 71% 45%;--color-success-400:142 71% 55%;--color-success-100:142 71% 95%;--color-warning-600:38 92% 40%;--color-warning-500:38 92% 50%;--color-warning-400:38 92% 60%;--color-warning-100:38 92% 95%;--color-error-600:0 84% 50%;--color-error-500:0 84% 60%;--color-error-400:0 84% 70%;--color-error-100:0 84% 95%;--color-neutral-900:240 10% 10%;--color-neutral-800:240 8% 20%;--color-neutral-700:240 6% 30%;--color-neutral-600:240 5% 45%;--color-neutral-500:240 4% 60%;--color-neutral-400:240 4% 70%;--color-neutral-300:240 5% 80%;--color-neutral-200:240 7% 90%;--color-neutral-100:240 10% 95%;--color-neutral-50:0 0% 98%;--surface-base:var(--color-neutral-50);--surface-elevated:#fff;--surface-overlay:#fffffff2;--text-primary:hsl(var(--color-neutral-900));--text-secondary:hsl(var(--color-neutral-600));--text-tertiary:hsl(var(--color-neutral-500));--text-inverse:hsl(var(--color-neutral-50));--border-default:hsl(var(--color-neutral-200));--border-subtle:hsl(var(--color-neutral-100));--border-strong:hsl(var(--color-neutral-300));--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a;--glass-blur:12px;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--line-tight:1.25;--line-normal:1.5;--line-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000d;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000026;--shadow-glow:0 0 30px #5e47d14d;--shadow-glow-accent:0 0 30px #ffc5334d;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.34,1.56,.64,1);--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700}[data-theme=dark]{--color-neutral-50:240 10% 10%;--color-neutral-100:240 10% 15%;--color-neutral-200:240 8% 20%;--color-neutral-300:240 6% 30%;--color-neutral-400:240 5% 40%;--color-neutral-500:240 4% 50%;--color-neutral-600:240 5% 60%;--color-neutral-700:240 6% 70%;--color-neutral-800:240 8% 85%;--color-neutral-900:240 10% 95%;--surface-base:hsl(var(--color-neutral-50));--surface-elevated:hsl(var(--color-neutral-100));--surface-overlay:hsl(var(--color-neutral-100)/.95);--glass-bg:#0000004d;--glass-border:#ffffff1a;--border-default:hsl(var(--color-neutral-300));--border-subtle:hsl(var(--color-neutral-200));--border-strong:hsl(var(--color-neutral-400))}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-normal);color:var(--text-primary);background-color:var(--surface-base);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--line-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg);font-weight:var(--font-semibold)}p{margin-bottom:var(--space-4)}a{color:hsl(var(--color-primary-500));transition:color var(--transition-fast);text-decoration:none}a:hover{color:hsl(var(--color-primary-600))}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:640px}.container-md{max-width:896px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}.hidden{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-neutral-100))}::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-300));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-neutral-400))}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px hsl(var(--color-primary-500)/.3)}50%{box-shadow:0 0 40px hsl(var(--color-primary-500)/.6)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-fade-in-scale{animation:.3s ease-out fadeInScale}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-slide-in-left{animation:.3s ease-out slideInLeft}.animate-slide-in-down{animation:.3s ease-out slideInDown}.animate-slide-in-up{animation:.3s ease-out slideInUp}.animate-shimmer{background:linear-gradient(90deg,hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)));background-size:2000px 100%;animation:2s linear infinite shimmer}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1s ease-in-out infinite bounce}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-glow{animation:2s ease-in-out infinite glow}.animate-gradient{background:linear-gradient(270deg,hsl(var(--color-primary-500)),hsl(var(--color-accent-500)),hsl(var(--color-primary-500)));background-size:200% 200%;animation:3s infinite gradientShift}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.transition-colors{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-shadow{transition:box-shadow var(--transition-base)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.stagger-children>*{animation:.4s ease-out fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(n+6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-strong{-webkit-backdrop-filter:blur(16px);background:#fff3;border:1px solid #ffffff4d}[data-theme=dark] .glass{background:#0006}[data-theme=dark] .glass-strong{background:#0009;border-color:#ffffff26}