*{margin:0;padding:0;box-sizing:border-box;font-family:Comic Sans MS,Arial,sans-serif}body{background-color:#1a1a1a;color:#fff;line-height:1.6}header{background-color:#00c4b4;padding:1rem 2rem;position:fixed;width:100%;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}nav .logo{height:50px;transition:transform .3s ease}nav .logo:hover{transform:scale(1.1)}nav ul{list-style:none;display:flex;gap:1.5rem}nav a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .3s,transform .3s ease}nav a:hover{color:gold;transform:scale(1.05)}#hero{background:url(https://via.placeholder.com/1920x600?text=Stewie+Coin) no-repeat center/cover;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}#hero h2{font-size:3rem;color:gold;text-shadow:2px 2px 4px #000}#hero p{font-size:1.5rem;max-width:600px;margin:1rem auto}.btn{background-color:gold;color:#1a1a1a;padding:.8rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s,transform .3s ease,box-shadow .3s ease}.btn:hover{background-color:#008f7a;color:#fff;transform:scale(1.1);box-shadow:0 0 10px #00c4b480}section{padding:4rem 2rem;max-width:1200px;margin:0 auto}section h2{font-size:2.5rem;color:gold;margin-bottom:1rem;text-align:center}section p{font-size:1.2rem;max-width:800px;margin:0 auto 1rem;text-align:center}.tokenomics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.tokenomics-item{background-color:#333;padding:1.5rem;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.tokenomics-item:hover{transform:translateY(-5px);box-shadow:0 0 10px #00c4b480}.tokenomics-item h3{font-size:1.5rem;color:gold;margin-bottom:.5rem}.steps{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.step{background-color:#333;padding:1.5rem;border-radius:10px;max-width:250px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-5px);box-shadow:0 0 10px #00c4b480}.step h3{font-size:1.3rem;color:gold;margin-bottom:.5rem}#gallery{padding:4rem 2rem}.gallery-container{position:relative;max-width:1200px;margin:0 auto;overflow:hidden}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1rem;scroll-behavior:smooth}.gallery img{width:300px;height:200px;object-fit:cover;border-radius:10px;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease}.gallery img:hover{transform:scale(1.05);box-shadow:0 0 10px #00c4b480}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00c4b4;color:#fff;border:none;padding:.5rem 1rem;font-size:1.5rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.gallery-arrow:hover{background-color:#008f7a}.left-arrow{left:10px}.right-arrow{right:10px}footer{background-color:#00c4b4;padding:1rem;text-align:center;color:#fff}@media (max-width: 768px){#hero h2{font-size:2rem}#hero p{font-size:1rem}nav ul{flex-direction:column;gap:1rem}.gallery img{width:200px;height:150px}}.social-icons{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.social-icons a{color:#fff;font-size:1.8rem;transition:color .3s ease,transform .3s ease,box-shadow .3s ease}.social-icons a:hover{color:gold;transform:scale(1.2);box-shadow:0 0 10px #00c4b480}
