@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Roboto:wght@400;700&display=swap";body{margin:0;font-family:Roboto,sans-serif;background:#f8f4e3;color:#222}.app{text-align:center;overflow-x:hidden}.header{background:linear-gradient(to right,#ff512f,#dd2476);padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.logo{font-family:Luckiest Guy,cursive;font-size:2rem;margin:0}.nav{list-style:none;display:flex;gap:20px;margin:0}.nav li{cursor:pointer;font-weight:700;transition:transform .2s ease}.nav li:hover{transform:scale(1.1)}.hero{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 20px;background:url(https://www.transparenttextures.com/patterns/paper-fibers.png) repeat,#d8721e}.hero-text{max-width:400px;margin-right:40px;text-align:left}.hero-text h2{font-family:Luckiest Guy,cursive;font-size:2.5rem;color:#d94f00;margin-bottom:10px}.hero-text .highlight{color:#0078ff;font-weight:700}.cta-button{background-color:#ff512f;color:#fff;padding:12px 24px;font-size:1rem;border:none;border-radius:12px;margin-top:20px;cursor:pointer;transition:background .3s ease}.cta-button:hover{background-color:#e2441e}.hero-image img{width:300px;border:6px solid #fff;box-shadow:0 4px 12px #0003;border-radius:16px}.info{background:#f9c46b;padding:60px 20px;border-top:8px dashed #333}.info h3{font-family:Luckiest Guy,cursive;font-size:2rem;color:#222;margin-bottom:10px}.info p{max-width:600px;margin:0 auto 20px;font-size:1.1rem;line-height:1.6}.learn-more{background-color:#222;color:#fff;padding:10px 20px;font-size:1rem;border-radius:8px;border:2px solid #fff;cursor:pointer;transition:all .3s ease}.learn-more:hover{background-color:#555;transform:scale(1.05)}.footer{background:#2f2f2f;color:#ccc;padding:20px;font-family:Luckiest Guy,cursive;font-size:1.2rem}