/* Millennials Creatives design system Shared across the site. Brand: bg #080810, yellow #FFD84D, pink #FF2D78, cyan #00D4FF. */ :root{ --bg:#080810; --surface:#0f0f1c; --panel:#15152a; --panel2:#1c1c33; --yellow:#FFD84D; --pink:#FF2D78; --cyan:#00D4FF; --text:#F5F5FA; --muted:#A0A0B8; --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18); --ff-display:'Unbounded',ui-sans-serif,system-ui,-apple-system,Helvetica,Arial,sans-serif; --ff-head:'Poppins',ui-sans-serif,system-ui,-apple-system,Helvetica,Arial,sans-serif; --ff-body:'Poppins',ui-sans-serif,system-ui,-apple-system,Helvetica,Arial,sans-serif; --ff-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; --max:1240px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bg);color:var(--text);font-family:var(--ff-body);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .wrap{max-width:var(--max);margin:0 auto;padding:0 24px} .skip-link{position:absolute;left:-9999px;top:0;background:var(--yellow);color:#0b0b16;padding:12px 20px;z-index:9999;font-weight:700;border-radius:0 0 8px 0} .skip-link:focus{left:0} a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px} /* ============ NAV ============ */ header{position:sticky;top:0;z-index:100;background:rgba(8,8,16,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)} /* Scoped to the header. As a bare element selector this leaked into every other