body{margin:0;font-family:Unbounded,sans-serif;background:#111;color:#fff}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center;background:linear-gradient(270deg,#8e2de2,#4a00e0,#ff6a00,#ee0979);background-size:600% 600%;animation:gradientShift 15s ease infinite;padding:2rem}.hero h1{font-size:3rem;font-weight:900;margin:0}.hero-subtitle{font-size:1.5rem;font-weight:600;margin:.5rem 0}.hero p{font-size:1.25rem;margin:.5rem 0 1.5rem}.hero-button{padding:.75rem 1.5rem;background:#111;color:#fff;text-decoration:none;font-weight:700;border-radius:4px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section{max-width:1000px;margin:4rem auto;padding:0 2rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.post-card{padding:1.5rem;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:inherit;transition:transform .2s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1)}footer{padding:2rem 0;font-size:.9rem;color:#555}.ticker,footer{text-align:center}.ticker{height:60px;background-color:#0d0d0d;border-bottom:1px solid #ddd;color:#fff;overflow:hidden;position:relative}.ticker div{display:flex;align-items:center;width:200%;height:59px;position:absolute;overflow:hidden;animation:ticker 30s linear infinite}.ticker span{float:left;width:50%}@keyframes ticker{0%{left:0}to{left:-100%}}