@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syncopate:wght@400;700&display=swap";
:root{--color-primary:#1e293b;--color-secondary:#334155;--color-cta:#fc0;--color-cta-hover:#e6b800;--color-cta-dark:#c90;--color-background:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-text-light:#64748b;--color-border:#e2e8f0;--color-card:#fff;--color-dark-bg:#0f172a;--color-dark-surface:#1e293b;--font-heading:"Syncopate", sans-serif;--font-body:"Space Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--max-width:1200px;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible{border-radius:var(--radius-sm);outline:none;box-shadow:0 0 0 3px #1e293b4d}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-dark{background-color:var(--color-dark-bg);color:#f8fafc}.section-title{text-transform:uppercase;margin-bottom:var(--space-md);font-size:clamp(1.5rem,4vw,2.5rem);position:relative}.section-subtitle{font-family:var(--font-body);color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:clamp(.875rem,2vw,1.1rem);font-weight:400}.section-dark .section-subtitle{color:#94a3b8}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.accent-line{background:var(--color-cta);width:60px;height:4px;margin:var(--space-md) auto;border-radius:var(--radius-full)}.section-header .accent-line{margin-left:auto;margin-right:auto}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:700;font-family:var(--font-body);padding:14px 28px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-cta);color:#0f172a;border:2px solid var(--color-cta)}.btn-primary:hover{background:var(--color-cta-hover);border-color:var(--color-cta-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ffcc0059}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff6}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.btn-outline-dark{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline-dark:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.7s forwards fadeInUp}.animate-fade-in{animation:.7s forwards fadeIn}.animate-slide-left{animation:.7s forwards slideInLeft}.animate-slide-right{animation:.7s forwards slideInRight}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}