:root{--color-success: #c8f542;--color-creative: #22d3ee;--color-emphasis: #a78bfa;--color-energy: #fb923c;--color-neutral: #f8fafc;--color-subtle: #a1a1aa;--color-muted: #52525b;--bg-base: #050507;--bg-elevated: #0a0a0f;--bg-surface: #101016;--bg-overlay: rgba(16, 16, 22, .85);--bg-glass: rgba(16, 16, 22, .6);--gradient-home: linear-gradient(135deg, var(--color-success) 0%, var(--color-creative) 100%);--gradient-ambient: radial-gradient(ellipse at top center, rgba(200, 245, 66, .08) 0%, transparent 60%);--gradient-surface: linear-gradient(180deg, rgba(16, 16, 22, .4) 0%, rgba(16, 16, 22, .8) 100%);--elevation-1: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--elevation-2: 0 4px 6px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--elevation-3: 0 10px 20px rgba(0,0,0,.5), 0 6px 6px rgba(0,0,0,.3);--elevation-4: 0 20px 40px rgba(0,0,0,.6), 0 12px 12px rgba(0,0,0,.3);--glow-success: 0 0 40px rgba(200, 245, 66, .25);--glow-creative: 0 0 40px rgba(34, 211, 238, .2);--border-subtle: 1px solid rgba(255, 255, 255, .04);--border-default: 1px solid rgba(255, 255, 255, .08);--border-emphasis: 1px solid rgba(200, 245, 66, .3);--border-focus: 3px solid var(--color-creative);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-quick: .2s;--duration-normal: .28s;--space-unit: .25rem;--space-xs: calc(var(--space-unit) * 2);--space-sm: calc(var(--space-unit) * 3);--space-md: calc(var(--space-unit) * 4);--space-lg: calc(var(--space-unit) * 6);--space-xl: calc(var(--space-unit) * 8);--space-2xl: calc(var(--space-unit) * 12);--space-3xl: calc(var(--space-unit) * 16);--space-4xl: calc(var(--space-unit) * 20);--space-5xl: calc(var(--space-unit) * 24);--space-section: clamp(4rem, 10vh, 6rem);--container-max: 1200px;--container-narrow: 720px;--container-padding: clamp(1rem, 4vw, 2rem);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .75rem + .3vw, .875rem);--text-base: clamp(.9375rem, .875rem + .3vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .35vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .5vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.2rem + .8vw, 1.5rem);--text-3xl: clamp(1.75rem, 1.5rem + 1.25vw, 2rem);--text-4xl: clamp(2rem, 1.6rem + 2vw, 2.5rem);--text-5xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--text-6xl: clamp(3rem, 2.5rem + 3vw, 4.5rem);--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.75;--touch-target: 48px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@media(prefers-color-scheme:light){:root{--bg-base: #fafafa;--bg-elevated: #ffffff;--bg-surface: #f4f4f5;--bg-overlay: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .7);--color-neutral: #18181b;--color-subtle: #52525b;--color-muted: #a1a1aa;--border-subtle: 1px solid rgba(0, 0, 0, .04);--border-default: 1px solid rgba(0, 0, 0, .08);--gradient-ambient: radial-gradient(ellipse at top center, rgba(200, 245, 66, .12) 0%, transparent 60%)}}@media(prefers-contrast:more){:root{--color-neutral: #ffffff;--color-subtle: #e4e4e7;--border-default: 1px solid rgba(255, 255, 255, .2);--border-focus: 3px solid #ffffff}}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-quick: 0ms;--duration-normal: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--color-neutral);background-color:var(--bg-base);min-height:100vh;min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--gradient-ambient);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:var(--leading-tight);color:var(--color-neutral);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{color:var(--color-subtle);max-width:65ch;text-wrap:pretty}a{color:inherit;text-decoration:none;transition:color var(--duration-quick) var(--ease-out)}a:hover{color:var(--color-success)}:focus{outline:none}:focus-visible{outline:var(--border-focus);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.container-narrow{max-width:var(--container-narrow)}section{padding-block:var(--space-section);position:relative}.component-spacing{margin-bottom:var(--space-lg)}.component-spacing-sm{margin-bottom:var(--space-md)}.component-spacing-lg{margin-bottom:var(--space-xl)}@media(max-width:768px){section{padding-block:calc(var(--space-section) * .75)}}@media(max-width:480px){section{padding-block:calc(var(--space-section) * .5)}}.skip-link{position:absolute;top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-success);color:var(--bg-base);font-weight:600;border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--duration-quick) var(--ease-out)}.skip-link:focus{top:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--touch-target);padding:var(--space-sm) var(--space-lg);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;isolation:isolate}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-success);color:#050507;box-shadow:var(--glow-success)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 60px #c8f54266;color:#050507}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-neutral);border:1.5px solid var(--border-default);border-color:#ffffff1f}.btn-secondary:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:#c8f5420f}.btn-ghost{background:#ffffff0a;color:var(--color-subtle);border:var(--border-subtle)}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--color-neutral)}.btn-sm{min-height:36px;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.btn-lg{min-height:56px;padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.btn svg{width:16px;height:16px;flex-shrink:0;transition:transform var(--duration-quick) var(--ease-out)}.btn:hover svg{transform:translate(3px)}.card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:#c8f54226;transform:translateY(-4px);box-shadow:var(--elevation-3)}.card-interactive{cursor:pointer}.card-interactive:focus-visible{outline:var(--border-focus);outline-offset:2px}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px var(--space-sm);background:#c8f5421a;color:var(--color-success);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);border:1px solid rgba(200,245,66,.15)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-xs);background:var(--color-success);color:var(--bg-base);font-size:.6875rem;font-weight:700;border-radius:var(--radius-full)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{display:inline-block;padding:6px var(--space-sm);background:#c8f54214;color:var(--color-success);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.section-title{margin-bottom:var(--space-sm)}.section-description{color:var(--color-subtle);font-size:var(--text-lg);max-width:50ch;margin-inline:auto}.text-gradient{background:var(--gradient-home);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success{color:var(--color-success)}.text-creative{color:var(--color-creative)}.text-muted{color:var(--color-muted)}.text-center{text-align:center}.text-balance{text-wrap:balance}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown .6s var(--ease-out) both}.animate-scale-in{animation:scaleIn .4s var(--ease-out) both}.animate-slide-left{animation:slideInLeft .5s var(--ease-out) both}.animate-slide-right{animation:slideInRight .5s var(--ease-out) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-auto{margin-top:auto}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-success)}*{scrollbar-width:thin;scrollbar-color:var(--color-muted) var(--bg-elevated)}::selection{background:#c8f54240;color:var(--color-neutral)}[aria-live=polite],[aria-live=assertive],[role=status],[role=alert]{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}[aria-live]:not(:empty),[role=status]:not(:empty),[role=alert]:not(:empty){position:static;clip:auto;clip-path:none;height:auto;width:auto;overflow:visible;white-space:normal}@media print{body{background:#fff;color:#000}.btn,nav,footer{display:none}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}