body{margin:0;font-family:Arial,sans-serif;background:#000;color:#fff;opacity:0;transition:opacity 0.8s ease-in-out}body.fade-in{opacity:1}header{background:#222;padding:10px;display:flex;justify-content:space-between;align-items:center}header .logo{font-size:24px;font-weight:bold;color:yellow}nav{background:#111;display:flex;justify-content:center;padding:10px}nav a{color:#fff;text-decoration:none;margin:0 15px;font-size:14px;text-transform:uppercase}nav a:hover{color:yellow}section{padding:40px 20px;text-align:center}footer{background:#111;padding:20px;text-align:center;font-size:14px;color:#888}button.cta{margin-top:10px;background:yellow;color:black;padding:10px 20px;font-size:16px;border:none;cursor:pointer;border-radius:5px;transition:background 0.3s}button.cta:hover{background:orange}img{max-width:100%;height:auto;display:block;margin:0 auto}@media(max-width:768px){header{flex-direction:column;align-items:flex-start;padding:15px}header .logo{font-size:20px;margin-bottom:10px}nav{flex-direction:column;align-items:center;padding:10px 0}nav a{margin:8px 0;font-size:12px}section{padding:30px 10px}button.cta{width:100%;padding:12px;font-size:14px}footer{font-size:12px;padding:15px 10px}}@media(max-width:480px){header .logo{font-size:18px}nav a{font-size:11px}section{padding:20px 5px}button.cta{font-size:12px;padding:10px}}