.hero-section{padding:6rem 0 4rem;text-align:center;background:linear-gradient(180deg,hsl(var(--accent) / .05) 0%,transparent 100%);position:relative}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top center,hsl(var(--accent) / .08) 0%,transparent 60%);pointer-events:none}.hero-section .container{position:relative;z-index:1}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:hsl(var(--muted-foreground));max-width:700px;margin:0 auto;line-height:1.7}.section{padding:4rem 0}.section.bg-muted{background:hsl(var(--muted) / .3)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:2rem}.card-elevated{box-shadow:var(--shadow-md)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:hsl(var(--foreground))}.card-body{color:hsl(var(--muted-foreground));line-height:1.7;margin-bottom:1rem}.card-body:last-child{margin-bottom:0}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.gap-6{gap:1.5rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.section-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground))}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-top:2rem}.blog-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,hsl(var(--accent)),hsl(var(--accent) / .5));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.blog-card:hover:before{transform:scaleX(1)}.blog-card:hover{border-color:hsl(var(--accent) / .5);box-shadow:0 20px 40px -15px hsl(var(--accent) / .15);transform:translateY(-4px)}.blog-card__meta{display:flex;gap:1rem;align-items:center;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.25rem}.blog-card__category{background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--accent) / .8));color:#fff;padding:.35rem .85rem;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.blog-card__title{font-size:1.35rem;font-weight:700;margin-bottom:1rem;line-height:1.4}.blog-card__title a{color:hsl(var(--foreground))!important;text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:hsl(var(--accent))!important}.blog-card__description{color:hsl(var(--muted-foreground));margin-bottom:1.25rem;flex-grow:1;line-height:1.7;font-size:.95rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tag{font-size:.75rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:.3rem .65rem;border-radius:var(--radius-sm);transition:all .2s}.tag:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent))}.blog-card__link{color:hsl(var(--accent))!important;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.blog-card__link:hover{color:hsl(var(--accent))!important;gap:.75rem}.featured-section{margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid hsl(var(--border))}.featured-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.featured-title:before{content:"⭐";font-size:1.25rem}.featured-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.featured-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.blog-card--featured{border:2px solid hsl(var(--accent) / .4);background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--accent) / .05));position:relative}.blog-card--featured:before{transform:scaleX(1);height:4px;background:linear-gradient(90deg,hsl(var(--accent)),hsl(var(--accent) / .7))}.blog-card--featured:hover{border-color:hsl(var(--accent));transform:translateY(-6px);box-shadow:0 25px 50px -12px hsl(var(--accent) / .2)}.blog-card--featured .blog-card__title{font-size:1.5rem}.blog-card--featured .blog-card__category{background:linear-gradient(135deg,hsl(var(--accent)),#e0451f)}.articles-section{margin-top:3rem}.articles-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.articles-title:before{content:"📝";font-size:1.25rem}.empty-state{text-align:center;padding:5rem 2rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .2);border-radius:var(--radius-lg);border:2px dashed hsl(var(--border))}.empty-state p{font-size:1.1rem}@media(max-width:768px){.hero-section{padding:4rem 0 3rem}.blog-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section{padding:3rem 0}.card,.blog-card{padding:1.5rem}.featured-section{margin-bottom:3rem;padding-bottom:3rem}}
