:root{--color-black: #0a0a0a;--color-white: #f5f5f5;--color-pink: #ff85a2;--color-pink-hover: #ff5c8a;--font-heading: "Fredoka", system-ui, sans-serif;--font-body: "Quicksand", system-ui, sans-serif;--grain-url: 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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-white);color:var(--color-black);overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:var(--grain-url);opacity:.4;z-index:9999;animation:grain 8s steps(10) infinite}h1,h2,h3,h4,buttons{font-family:var(--font-heading);font-weight:600}button{cursor:pointer;border:none;outline:none;font-family:var(--font-heading)}.container{max-width:1200px;margin:0 auto;padding:2rem}.btn-primary{background-color:var(--color-black);color:var(--color-white);padding:1rem 2rem;border-radius:50px;font-size:1.2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:4px 4px 0 var(--color-pink)}.btn-primary:hover{transform:scale(1.05) rotate(-2deg);background-color:#222}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);padding:.8rem 1.5rem;border-radius:50px;font-size:1rem;transition:transform .2s ease}.btn-secondary:hover{transform:translateY(-2px);background-color:#fff0f5}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(-100px) rotate(20deg);opacity:0}}