*{box-sizing:border-box;margin:0;padding:0}body{background-color:#020617;color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}nav{background:#0f172a;padding:1.5rem;display:flex;justify-content:center;gap:3rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid #1e293b}nav a{color:#38bdf8;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px}nav a:hover{color:#fff}.container{max-width:1000px;margin:0 auto;padding:3rem 1.5rem}.title{text-align:center;color:#38bdf8;font-size:3rem;margin-bottom:3rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.card{background:#1e293b;border-radius:16px;padding:2rem;border:1px solid #334155;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.card:hover{transform:translateY(-10px);border-color:#38bdf8;box-shadow:0 10px 30px #00000080}.card h2{font-size:1.4rem;color:#f1f5f9;margin-bottom:1.5rem;line-height:1.3}.btn{display:inline-block;background:#0ea5e9;color:#fff;padding:.8rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;text-align:center;transition:background .2s}.btn:hover{background:#0284c7}@media(max-width:768px){.title{font-size:2rem}.posts-grid{grid-template-columns:1fr}}