.dashboard{line-height:1.7;color:#2a2a2a;padding:0;background-color:#f4f6f8}section{margin-bottom:80px;max-width:100%;margin-inline:auto;padding-inline:20px}.hero,section{text-align:center}.hero{padding:150px 20px;background:linear-gradient(135deg,#00416a,#00bcd4);color:white;box-shadow:0 10px 20px rgba(0,0,0,.1)}.hero h1{font-size:3rem;margin-bottom:20px;line-height:1.2}.hero p{font-size:1.25rem;max-width:700px;margin-inline:auto}.h2{font-size:2.2rem;margin-bottom:30px;border-bottom:3px solid #00bcd4;display:inline-block;padding-bottom:10px;color:#00416a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:30px}.card{background:white;padding:28px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.card h3{font-size:1.4rem;margin-bottom:12px;color:#00416a}.card p{font-size:1rem;color:#444}.blog-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.post{background:white;padding:24px;border-left:4px solid #00bcd4;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:8px;transition:box-shadow .3s ease}.post:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)}.post h4{margin-bottom:10px;font-size:1.1rem;color:#222}.features-list li{list-style:none}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.h2{font-size:1.6rem}}@media (max-width:480px){.card,.post{padding:20px}.hero{padding:90px 15px}}