body{margin:0;font-family:system-ui;background:#111;color:#fff}section{max-width:900px;margin:auto;padding:40px}.hero{min-height:100vh;background:url('images/hero.jpg') center/cover;display:flex;align-items:center;justify-content:center}.shade{background:rgba(0,0,0,.58);padding:40px;border-radius:20px;backdrop-filter:blur(8px);text-align:center;animation:fade 1.2s}.logo{width:180px;border-radius:18px;animation:float 4s ease-in-out infinite}.btn{display:inline-block;margin:8px;padding:14px 22px;background:#2c9a45;color:#fff;text-decoration:none;border-radius:10px;transition:.3s}.ghost{background:#333}.btn:hover{transform:translateY(-3px)}@keyframes fade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-8px)}}