@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Unbounded,sans-serif;background:#0d0d0d;color:#f5f5f5;line-height:1.6}.hero{padding:8rem 2rem 6rem;text-align:center;background:radial-gradient(circle at top,#1a1a1a,#0d0d0d)}.hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:1.5rem}.hero p{font-size:1.5rem;font-weight:500;max-width:720px;margin:0 auto;opacity:.8}.hero-button{display:inline-block;margin-top:3rem;padding:1rem 2.2rem;font-weight:800;border-radius:999px;background:#fff;color:#000;text-decoration:none;transition:all .2s ease}.hero-button:hover{transform:scale(1.05);box-shadow:0 15px 40px hsla(0,0%,100%,.15)}.section{padding:6rem 2rem;max-width:1100px;margin:0 auto}.section h2{font-size:2.5rem;font-weight:800;margin-bottom:2rem;letter-spacing:-1px}.post-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.post-card{background:#141414;border:1px solid #222;padding:2rem;border-radius:20px;text-decoration:none;color:#f5f5f5;transition:all .25s ease}.post-card:hover{transform:translateY(-6px);border-color:#444;box-shadow:0 20px 60px rgba(0,0,0,.4)}.post-card h3{font-size:1.4rem;font-weight:800;margin-bottom:.6rem}.post-card small{color:#888;display:block;margin-bottom:1rem}.post-card p{color:#ccc}footer{text-align:center;padding:3rem 2rem;background:#f5f5f5;color:#666;margin-top:4rem}