:root{--primary:#8bb8d5;--dark:#e8e8e8;--text:#a8a8a8;--light:#2a2a2a;--border:#4a4a4a;--article-bg:#383838;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:inter,system-ui,-apple-system,sans-serif;background-color:var(--light);color:var(--text);line-height:1.6}p,h2{margin-top:20px;margin-bottom:20px}ul{margin-top:10px;padding-left:20px}li{margin-bottom:10px;line-height:1.5}a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:var(--transition)}a:hover{text-decoration-thickness:2px}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.main-header{background:var(--article-bg);border-bottom:1px solid var(--border);padding:1.5rem 0}.logo{text-decoration:none;font-weight:800;font-size:1.5rem;color:var(--dark);display:flex;align-items:center;gap:.5rem}.logo-dot{width:8px;height:8px;background:var(--primary);border-radius:50%}.logo-sub{color:var(--primary);font-weight:400}.hero{padding:4rem 1rem;text-align:center}.hero h1{font-size:2.5rem;color:var(--dark);margin-bottom:1rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding-bottom:5rem}.hub-card{background:var(--article-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:var(--transition);display:flex;flex-direction:column}.hub-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0,0,0,5%);border-color:var(--primary)}.hub-image-wrapper{position:relative;height:180px;overflow:hidden;background:var(--light)}.hub-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:var(--transition)}.hub-card:hover .hub-image{filter:grayscale(0%);scale:1.05}.hub-content{padding:1.5rem}.hub-content h2{color:var(--dark);margin-bottom:.5rem;font-size:1.25rem}.hub-content p{font-size:.9rem;color:var(--text)}.main-footer{padding:3rem 0;text-align:center;border-top:1px solid var(--border);font-size:.9rem;color:var(--text)}@media(max-width:768px){.hero h1{font-size:2rem}.hub-grid{grid-template-columns:1fr}}