@import url('https://fonts.googleapis.com/css2?family=Orbit&display=swap');*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000 url("star-bg.webp") center center/cover no-repeat fixed;font-family:'Orbit',sans-serif;scroll-behavior:smooth;color:white}header{position:fixed;top:0;width:100%;padding:15px 30px;background:rgba(0,0,0,0.6);display:flex;align-items:center;z-index:999;transform:translateY(-100%);transition:transform 0.4s}header.visible{transform:translateY(0)}header>div:first-child{flex:1}header>div:last-child{text-align:right;font-weight:bold}@media(max-width:768px){header{transform:translateY(0)}}.hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.hero img.logo{width:120px;margin-bottom:20px;transition:transform 0.3s ease}.hero h1,.hero p{transition:transform 0.3s ease}.hero h1{font-size:3.5rem;background:linear-gradient(45deg,#d07aff,#7adfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:#ccc;margin-bottom:30px}.hero img.character{width:200px;border-radius:10px;transition:transform 0.3s ease}.meteor{position:absolute;width:2px;height:100px;background:linear-gradient(white,transparent);transform:rotate(-45deg);opacity:0;filter:blur(1px);transition:opacity 1s ease,transform 1s ease}.meteor.visible{opacity:1;transform:translateY(100px) rotate(-45deg)}.meteor:nth-child(2){top:300px;left:20%}.meteor:nth-child(3){top:500px;left:50%}.meteor:nth-child(4){top:700px;left:75%}.bottom-spacer{height:150vh}