.main{min-height:calc(100vh - 200px)}.hero{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);padding:6rem 0;text-align:center;border-bottom:1px solid var(--color-border)}.hero-title{font-size:4rem;margin-bottom:1.5rem;color:var(--color-accent);font-weight:700;letter-spacing:.02em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:700px;margin:0 auto;line-height:1.8}.featured-section,.recent-section{padding:4rem 0}.featured-section{background-color:var(--color-secondary)}.section-title{font-size:2.5rem;margin-bottom:2.5rem;color:var(--color-text);text-align:center;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--color-accent)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.hero{padding:4rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.featured-section,.recent-section{padding:3rem 0}.section-title{font-size:2rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}}