:root{--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#6a6a6a;--accent:#d4af37;--accent-light:#f3e5ab;--border-color:#333;--border-hover:#555;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--container-width:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-md);font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-xl);color:var(--text-secondary)}li{margin-bottom:var(--space-xs)}.container{width:100%;max-width:var(--container-width);padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-2xl) 0}.section-hero{padding:var(--space-3xl) 0 var(--space-2xl);flex-direction:column;justify-content:center;min-height:70vh;display:flex}.grid{gap:var(--space-lg);display:grid}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-full);margin-right:var(--space-sm);margin-bottom:var(--space-sm);padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#000}.btn-primary:hover{background-color:var(--accent-light);color:#000}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn-secondary:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary)}.header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;background-color:#121212d9;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0}.nav-links{gap:var(--space-lg);display:none}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-mobile-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block}.brand{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.footer{border-top:1px solid var(--border-color);padding:var(--space-xl) 0;margin-top:var(--space-3xl);text-align:center}.social-links{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}@media (width>=768px){h1{font-size:3.5rem}h2{font-size:2.5rem}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.nav-links{display:flex}.nav-mobile-btn{display:none}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.section-hero{min-height:85vh}}