.home-hero{position:relative;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.9),rgba(var(--secondary-color-rgb),.8));color:#fff;height:250px;max-width:1200px;margin:2rem auto;border-radius:20px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.home-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 2px at 15% 25%,rgba(255,255,255,.7) 0%,transparent 70%),radial-gradient(circle 1px at 25% 45%,rgba(255,255,255,.5) 0%,transparent 70%),radial-gradient(circle 1.5px at 35% 65%,rgba(255,255,255,.6) 0%,transparent 70%),radial-gradient(circle 1px at 45% 25%,rgba(255,255,255,.4) 0%,transparent 70%),radial-gradient(circle 2px at 55% 75%,rgba(255,255,255,.8) 0%,transparent 70%),radial-gradient(circle 1px at 65% 35%,rgba(255,255,255,.5) 0%,transparent 70%),radial-gradient(circle 1.5px at 75% 55%,rgba(255,255,255,.6) 0%,transparent 70%),radial-gradient(circle 1px at 85% 25%,rgba(255,255,255,.4) 0%,transparent 70%),radial-gradient(circle 2px at 20% 80%,rgba(255,255,255,.7) 0%,transparent 70%),radial-gradient(circle 1px at 80% 80%,rgba(255,255,255,.5) 0%,transparent 70%);animation:particleFloat 8s ease-in-out infinite}.home-hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle .5px at 10% 40%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle .5px at 30% 20%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle .5px at 50% 60%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle .5px at 70% 30%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle .5px at 90% 70%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle .5px at 15% 70%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle .5px at 40% 85%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle .5px at 60% 15%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle .5px at 85% 45%,rgba(255,255,255,.3) 0%,transparent 50%);animation:particleFloat 12s ease-in-out infinite reverse}.home-hero-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 200px at 20% 30%,rgba(255,255,255,8%) 0%,transparent 70%),radial-gradient(circle 150px at 80% 70%,rgba(255,255,255,6%) 0%,transparent 70%);animation:backgroundBreath 6s ease-in-out infinite alternate}@keyframes particleFloat{0%{transform:translateY(0)translateX(0);opacity:.6}25%{transform:translateY(-8px)translateX(3px);opacity:.8}50%{transform:translateY(-12px)translateX(-2px);opacity:1}75%{transform:translateY(-5px)translateX(4px);opacity:.7}100%{transform:translateY(0)translateX(0);opacity:.6}}@keyframes backgroundBreath{0%{opacity:.5;transform:scale(1)}100%{opacity:.8;transform:scale(1.02)}}.home-hero-content{position:relative;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 3rem;z-index:2}.hero-text{flex:1;max-width:70%}.hero-text h1{font-size:3rem;margin:0 0 1rem;font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.4);line-height:1.1}.hero-text .accent{color:#fff;position:relative;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-text .accent::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:rgba(255,255,255,.6);border-radius:1px;opacity:.8}.hero-text p{font-size:1.3rem;margin:0;opacity:.9;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.4}.hero-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:rgba(255,255,255,.15);border-radius:50%;backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);transition:all .4s ease;position:relative}.hero-icon::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(45deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);z-index:-1;animation:iconGlow 4s ease-in-out infinite}@keyframes iconGlow{0%,100%{opacity:.5}50%{opacity:1}}.hero-icon:hover{transform:scale(1.05);background:rgba(255,255,255,.25);box-shadow:0 10px 30px rgba(255,255,255,.2)}.hero-icon svg{width:60px;height:60px;color:rgba(255,255,255,.95);filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));transition:all .4s ease}.hero-icon:hover svg{transform:scale(1.1);filter:drop-shadow(0 5px 15px rgba(255,255,255,.3))}.home-featured-posts{max-width:1200px;margin:0 auto;padding:2rem}.home-featured-posts h2{text-align:center;margin-bottom:2rem;color:var(--primary-color);font-size:2rem}.home-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.home-post-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--post-shadow);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-height:27rem;display:flex;flex-direction:column}.home-post-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.home-post-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.home-post-image{position:relative;width:100%;height:200px;overflow:hidden}.home-post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease}.home-post-card:hover .home-post-image img{transform:scale(1.05)}.home-post-image .skeleton-wave{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--image-skeleton);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--image-skeleton);border-radius:inherit;overflow:hidden;z-index:1}.home-post-image .skeleton-wave::after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100% );animation:wave 1.2s infinite}@keyframes wave{from{transform:translateX(0)}to{transform:translateX(100%)}}.home-post-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;min-height:0}.home-post-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--primary-color)}.home-post-meta{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.home-post-meta .date{margin-right:.5rem}.category-tag{background-color:rgba(var(--secondary-color-rgb),.15);color:var(--secondary-color);padding:.2rem .6rem;border-radius:15px;font-size:.8rem;margin-right:.5rem;transition:all .3s ease;display:inline-block;border:1px solid rgba(var(--secondary-color-rgb),.2)}.home-post-card:hover .category-tag{background:var(--tag-hover-bg);color:var(--tag-hover-color)}.summary{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}