.hub-body{background-color:#f4f7f6!important}.hero-section{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg, #0A4D9A 0%, #007BFF 100%);color:#fff;border-radius:16px;margin:1.5rem auto 2.5rem auto;max-width:1100px}.hero-section h1{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:600;margin:0 0 .5rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.2);background: none}.hero-section p{font-size:1.1rem;max-width:750px;margin:0 auto;opacity:.9;text-shadow:1px 1px 1px #000}.category-section{margin-bottom:3rem}.category-section h2{font-family:'Poppins',sans-serif;font-size:1.8rem;font-weight:600;color:#003a5a;border-bottom:3px solid #E85D04;padding-bottom:.5rem;margin-bottom:2rem;display:inline-block}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tip-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.07);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s ease-out,box-shadow .2s ease-out}.tip-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.tip-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid #eee}.tip-card-content{padding:1.25rem;flex-grow:1}.tip-card-content h3{font-size:1.15rem;font-weight:600;color:#005a8a;margin:0 0 .5rem 0;text-shadow:1px 1px 1px #ccc}.tip-card-content p{font-size:.95rem;line-height:1.6;color:#495057;margin:0}@media (max-width:980px){.tips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hero-section{padding:2rem 1rem}.hero-section h1{font-size:1.8rem}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.hero-section h1{font-size:1.35rem}.category-section h2{font-size:1.3rem}.tips-grid{grid-template-columns:1fr}}