:root{--bg-dark: #080808;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent: #2d3748}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.pill-btn{padding:12px 24px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-family:inherit;font-size:14px;cursor:pointer;transition:all .3s}.pill-btn:hover,.pill-btn.primary{background:#fff;color:var(--bg-dark)}.pill-btn.primary:hover{background:#fffc}