@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#090c12;color:#eee;font-family:Cinzel,serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),#090c12),url('../assets/images/nasduck.png') center/cover;opacity:.18;z-index:-1}
.hero{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:70px 110px;position:relative}
.content{width:45%;z-index:2}.title{font-size:92px;line-height:.9;text-shadow:0 0 30px #7b8da8}
.ticker{font-size:42px;color:#9fc5ff;margin:20px 0}
p{font-family:Arial,sans-serif;font-size:20px;line-height:1.5;color:#cbd1d8}
.duck{width:48%;max-height:850px;object-fit:contain;transition:.25s;filter:drop-shadow(0 30px 40px #000);animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-18px)}}
.buttons a,.buttons button{display:inline-block;padding:16px 28px;margin:8px;border:1px solid #718096;background:#121923;color:white;text-decoration:none;border-radius:8px;cursor:pointer}
.buttons a:hover,.buttons button:hover{background:#253247}
.ca{margin-top:25px;background:#111822;padding:20px;border:1px solid #39485c;border-radius:10px}
section{min-height:70vh;padding:90px 140px}
h2{font-size:55px}
.marquee{padding:20px;background:#0e141d;white-space:nowrap;overflow:hidden;letter-spacing:8px;display:flex}
.marquee-track{display:flex;width:max-content;animation:move 20s linear infinite}
.marquee span{display:inline-block;padding-right:80px}
@keyframes move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.card{max-width:900px}