.hero{background:linear-gradient(135deg,#ff1744,#ff4081 40%,#ff6e9d,#ff8eb3);color:#fff;padding:100px 0 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:52px;font-weight:900;margin-bottom:20px;letter-spacing:-.03em;line-height:1.1;color:#fff}.highlight{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);padding:0 16px;border-radius:8px}.hero-subtitle{font-size:20px;margin-bottom:32px;opacity:.98;font-weight:500;line-height:1.5;max-width:700px;margin-left:auto;margin-right:auto}.blog-stats{display:flex;justify-content:center;align-items:center;gap:16px;font-size:16px;margin-top:28px;flex-wrap:wrap}.stat-item{opacity:.95}.stat-item strong{font-weight:800;color:#fff}.divider{opacity:.6;font-weight:300}.section-intro{text-align:center;max-width:700px;margin:0 auto 56px}.section-intro h2{font-size:38px;font-weight:900;margin-bottom:16px;color:#000;letter-spacing:-.02em}.section-intro p{font-size:19px;color:#4a4a4a;font-weight:500;line-height:1.6}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.article-card{background:#fff;padding:40px 36px;border-radius:16px;text-decoration:none;color:#1a1a1a;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff174433,0 4px 12px #00000014;border-color:#ff40814d}.article-icon{font-size:44px;margin-bottom:20px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.article-card h3{font-size:22px;margin-bottom:16px;color:#000;font-weight:800;line-height:1.3}.article-card p{color:#3d3d3d;margin-bottom:20px;line-height:1.6;font-size:15px;font-weight:500;flex-grow:1}.read-more{color:#ff1744;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:6px;transition:gap .3s}.article-card:hover .read-more{gap:10px}.cta-section{background:linear-gradient(135deg,#ff1744,#ff4081,#ff6e9d);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:42px;margin-bottom:16px;font-weight:900;letter-spacing:-.02em;color:#fff}.cta-content>p{font-size:20px;margin-bottom:36px;color:#fff;opacity:1;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#ff1744;padding:20px 48px;border-radius:50px;font-weight:800;font-size:19px;text-decoration:none;box-shadow:0 10px 40px #0000004d,0 0 #ffffff80;transition:all .3s cubic-bezier(.34,1.56,.64,1);letter-spacing:.01em;margin-bottom:28px}.hero-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 50px #0006,0 0 0 8px #fff3}.cta-links{display:flex;justify-content:center;align-items:center;gap:16px;font-size:15px;margin-top:20px;flex-wrap:wrap}.cta-links a{color:#fff;text-decoration:none;font-weight:600;opacity:.9;transition:opacity .3s}.cta-links a:hover{opacity:1;text-decoration:underline}.cta-links .divider{opacity:.6}@media(max-width:768px){.hero{padding:80px 0 60px}.hero h1{font-size:36px}.hero-subtitle{font-size:17px}.section-intro h2{font-size:28px}.section-intro p{font-size:16px}.articles-grid{grid-template-columns:1fr;gap:24px}.cta-content h2{font-size:32px}.cta-content>p{font-size:17px}.hero-cta{padding:18px 36px;font-size:17px}.blog-stats{font-size:14px}}
