.blog-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);min-height:100vh;padding-top:80px}.blog-hero{text-align:center;padding:120px 20px 80px;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.hero-title{margin-bottom:24px;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:#b8b8d1;max-width:700px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}.hero-gradient{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 70%);width:600px;height:600px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.category-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:40px 20px;position:sticky;top:70px}.filter-container{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1400px;margin:0 auto;display:flex}.filter-btn{color:#b8b8d1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:12px 28px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.filter-btn:hover{border-color:#667eea80;transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.filter-btn:hover:before{opacity:.1}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 25px #667eea66}.filter-btn span{z-index:1;position:relative}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px;max-width:1400px;margin:0 auto;padding:80px 20px;display:grid}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;padding:60px 20px}}.blog-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-link{color:inherit;height:100%;text-decoration:none;display:block}.blog-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#667eea1a,#764ba21a);transition:opacity .4s;position:absolute;inset:0}.blog-card:hover{border-color:#667eea4d;transform:translateY(-12px);box-shadow:0 20px 60px #667eea33}.blog-card:hover:before{opacity:1}.card-image-wrapper{width:100%;height:260px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .card-image{transform:scale(1.1)}.card-overlay{background:linear-gradient(#0000 0%,#000000b3 100%);align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.card-content{padding:28px}.card-meta{color:#8b8ba7;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;display:flex}.meta-divider{color:#fff3}.card-title{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .3s}.blog-card:hover .card-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-excerpt{color:#b8b8d1;margin-bottom:24px;font-size:1rem;line-height:1.7}.card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.author-info{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:600;display:flex}.author-name{color:#b8b8d1;font-size:.95rem;font-weight:500}.read-more-btn{color:#667eea;cursor:pointer;background:#667eea1a;border:1px solid #667eea4d;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.read-more-btn:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;transform:translate(4px)}.arrow-icon{width:16px;height:16px;transition:transform .3s}.read-more-btn:hover .arrow-icon{transform:translate(4px)}.newsletter-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-top:1px solid #ffffff1a;margin-top:40px;padding:100px 20px}.newsletter-content{text-align:center;max-width:700px;margin:0 auto}.newsletter-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.newsletter-subtitle{color:#b8b8d1;margin-bottom:40px;font-size:1.2rem}.newsletter-form{gap:12px;max-width:500px;margin:0 auto;display:flex}@media (max-width:600px){.newsletter-form{flex-direction:column}}.newsletter-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;outline:none;flex:1;padding:16px 24px;font-size:1rem;transition:all .3s}.newsletter-input::placeholder{color:#8b8ba7}.newsletter-input:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a}.newsletter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;padding:16px 40px;font-size:1rem;font-weight:600;transition:all .3s}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea66}.newsletter-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:.6s ease-out backwards fadeInUp}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}