body{margin:0;font-family:Arial,sans-serif;background-color:#121212;color:#fff}.home-container{max-width:1200px;margin:0 auto;padding:40px 20px}.home-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#00bcd4}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post-card{background-color:#1e1e1e;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00bcd466}.post-link{text-decoration:none;color:inherit}.post-title{font-size:1.2rem;margin-bottom:10px;color:#00bcd4}.post-body{font-size:.95rem;color:#b0b0b0}@media (max-width: 900px){.home-container{padding:24px 8px}.home-title{font-size:2rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.post-card{padding:14px}}@media (max-width: 600px){.home-container{padding:8px 2px}.home-title{font-size:1.3rem;margin-bottom:18px}.posts-grid{grid-template-columns:1fr;gap:8px}.post-card{padding:8px;border-radius:7px}.post-title{font-size:1rem;margin-bottom:6px}.post-body{font-size:.85rem}}.details-page{display:flex;justify-content:center;align-items:center;min-height:80vh;background-color:#121212;padding:20px}.details-card{background-color:#1e1e1e;padding:30px;border-radius:12px;box-shadow:0 6px 18px #0009;max-width:700px;width:100%;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.details-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #000000b3}.details-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:gold}.details-body{font-size:1.1rem;line-height:1.8;color:#e0e0e0}@media (max-width: 900px){.details-card{max-width:90vw;padding:20px}.details-title{font-size:1.5rem}.details-body{font-size:1rem}}@media (max-width: 600px){.details-page{padding:8px;min-height:100vh}.details-card{padding:12px;border-radius:8px;max-width:100vw;box-shadow:0 2px 8px #00000080}.details-title{font-size:1.1rem;margin-bottom:12px}.details-body{font-size:.95rem;line-height:1.5}}