@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--blog-primary:#F59E0B;--blog-secondary:#FB923C;--blog-accent:#FCD34D;--blog-dark:#1E293B;--blog-light:#FFFBEB;--blog-gray:#64748B;--blog-border:rgba(245,158,11,0.2);--blog-gradient:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary));--blog-gradient-hover:linear-gradient(135deg,var(--blog-secondary),var(--blog-accent));--blog-shadow:0 10px 40px rgba(245,158,11,0.1);--blog-shadow-hover:0 20px 60px rgba(245,158,11,0.2);--blog-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--blog-radius:16px}.blog-page{font-family:Inter,sans-serif;color:var(--blog-dark);background:var(--blog-light);overflow-x:hidden}.blog-hero{position:relative;padding:180px 0 120px;background:linear-gradient(135deg,#FFFBEB,#ffffff);overflow:hidden}.blog-cursor{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--blog-gradient);filter:blur(100px);opacity:.15;pointer-events:none;z-index:0;transition:transform .2s ease-out;transform:translate(-50%,-50%)}.blog-hero-background{pointer-events:none;overflow:hidden}.blog-grid,.blog-hero-background{position:absolute;top:0;left:0;width:100%;height:100%}.blog-grid{background-image:linear-gradient(rgba(245,158,11,.03) 1px,transparent 0),linear-gradient(90deg,rgba(245,158,11,.03) 1px,transparent 0);background-size:40px 40px;opacity:.7}.blog-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;animation:float 20s ease-in-out infinite}.blog-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blog-primary),var(--blog-secondary));top:-200px;right:-100px;animation-delay:0s}.blog-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--blog-secondary),var(--blog-accent));bottom:-150px;left:-100px;animation-delay:5s}.blog-orb-3{width:300px;height:300px;background:linear-gradient(135deg,var(--blog-accent),var(--blog-primary));top:40%;left:60%;animation-delay:10s;opacity:.15}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.blog-hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.blog-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;font-size:.9375rem;font-weight:700;color:var(--blog-primary);margin-bottom:32px;box-shadow:0 8px 24px rgba(245,158,11,.15);border:1px solid var(--blog-border);transition:var(--blog-transition)}.blog-badge:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(245,158,11,.25)}.blog-badge-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--blog-gradient);border-radius:50%;position:relative;overflow:hidden}.blog-badge-icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blog-gradient-hover);opacity:0;transition:opacity .3s ease}.blog-badge:hover .blog-badge-icon:after{opacity:1}.blog-badge-icon svg{width:16px;height:16px;stroke:white;position:relative;z-index:1}.blog-hero-title{font-size:4.5rem;font-weight:900;color:var(--blog-dark);margin-bottom:24px;line-height:1.1;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.blog-hero-title .gradient-text{background:var(--blog-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.blog-hero-title .gradient-text:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--blog-gradient);opacity:.2;border-radius:4px;z-index:-1}.blog-hero-description{font-size:1.25rem;color:var(--blog-gray);line-height:1.7;max-width:700px;margin:0 auto 40px;font-weight:400}.blog-search-container{max-width:600px;margin:0 auto}.blog-search{display:flex;align-items:center;background:rgba(255,255,255,.8);border:1px solid var(--blog-border);border-radius:50px;padding:8px 20px;transition:var(--blog-transition);box-shadow:0 4px 20px rgba(245,158,11,.1)}.blog-search.focused{border-color:var(--blog-primary);box-shadow:0 8px 30px rgba(245,158,11,.2);background:white}.search-icon{width:20px;height:20px;stroke:var(--blog-gray);margin-right:12px;transition:stroke .3s ease}.blog-search.focused .search-icon{stroke:var(--blog-primary)}.blog-search input{flex:1 1;border:none;background:transparent;font-size:1rem;color:var(--blog-dark);padding:12px 0;outline:none;font-family:inherit}.blog-search input::placeholder{color:var(--blog-gray);opacity:.7}.section-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.section-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1}.shape-1{width:600px;height:600px;background:var(--blog-primary);top:-200px;right:-200px}.shape-2{width:400px;height:400px;background:var(--blog-secondary);bottom:-100px;left:-100px}.shape-3{width:500px;height:500px;background:var(--blog-accent);top:-150px;left:-150px}.shape-4{width:350px;height:350px;background:var(--blog-primary);bottom:-100px;right:-100px}.featured-posts{padding:120px 0;background:white;position:relative}.section-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.section-tag{display:inline-block;padding:6px 16px;background:rgba(245,158,11,.1);color:var(--blog-primary);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.section-title{font-size:3rem;font-weight:800;color:var(--blog-dark);margin-bottom:16px;line-height:1.2}.section-title .gradient-text{background:var(--blog-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.25rem;color:var(--blog-gray);max-width:700px;margin:0 auto;line-height:1.7;font-weight:400}.featured-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;position:relative;z-index:1}.featured-main{grid-column:1;grid-row:1/span 2}.featured-post{border-radius:var(--blog-radius);background:white;box-shadow:var(--blog-shadow);transition:var(--blog-transition);height:100%;display:flex;flex-direction:column}.featured-post,.post-image-wrapper{overflow:hidden;position:relative}.featured-image{width:100%;height:300px;background-size:cover;background-position:50%;transition:transform .6s cubic-bezier(.33,1,.68,1)}.featured-post:hover .featured-image{transform:scale(1.05)}.featured-main .featured-image{height:400px}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);opacity:0;transition:opacity .3s ease}.featured-post:hover .image-overlay{opacity:1}.featured-content{padding:32px;flex:1 1;display:flex;flex-direction:column}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px}.post-category{display:inline-block;padding:6px 16px;background:rgba(245,158,11,.1);color:var(--blog-primary);border-radius:20px;font-size:.875rem;font-weight:600;transition:var(--blog-transition)}.featured-post:hover .post-category{background:rgba(245,158,11,.2)}.post-date{font-size:.875rem;color:var(--blog-gray);display:flex;align-items:center;gap:6px}.post-date svg{width:16px;height:16px;stroke:var(--blog-gray)}.post-title{font-size:1.5rem;font-weight:700;color:var(--blog-dark);margin-bottom:16px;line-height:1.3;transition:color .3s ease}.featured-post:hover .post-title{color:var(--blog-primary)}.featured-main .post-title{font-size:2rem}.post-excerpt{font-size:1rem;color:var(--blog-gray);margin-bottom:24px;line-height:1.6;flex-grow:1}.post-footer{justify-content:space-between;margin-top:auto;border-top:1px solid rgba(245,158,11,.1);padding-top:20px}.post-author,.post-footer{display:flex;align-items:center}.post-author{gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:50%;border:2px solid white;box-shadow:0 2px 10px rgba(0,0,0,.1)}.author-name{font-size:.9375rem;font-weight:600;color:var(--blog-dark);line-height:1.2}.author-role{font-size:.8125rem;color:var(--blog-gray)}.post-action{flex-shrink:0}.read-more-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(245,158,11,.1);color:var(--blog-primary);border-radius:20px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:var(--blog-transition)}.read-more-btn:hover{background:var(--blog-primary);color:white;transform:translateY(-2px)}.read-more-btn svg{width:16px;height:16px;transition:transform .3s ease}.read-more-btn:hover svg{transform:translateX(3px)}.latest-posts{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#ffffff);position:relative}.blog-filter{margin-bottom:40px;position:relative;z-index:1}.filter-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}.filter-btn{padding:8px 20px;background:white;border:1px solid var(--blog-border);border-radius:30px;font-size:.9375rem;font-weight:600;color:var(--blog-gray);cursor:pointer;transition:var(--blog-transition)}.filter-btn:hover{background:rgba(245,158,11,.05);color:var(--blog-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--blog-gradient);color:white;border-color:transparent;box-shadow:0 8px 20px rgba(245,158,11,.25)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;position:relative;z-index:1}.post-card{overflow:visible;transition:var(--blog-transition)}.post-card,.post-card-inner{border-radius:var(--blog-radius);height:100%}.post-card-inner{background:white;overflow:hidden;box-shadow:var(--blog-shadow);display:flex;flex-direction:column}.post-image-container{position:relative;overflow:hidden}.post-image{width:100%;height:220px;background-size:cover;background-position:50%;transition:transform .6s cubic-bezier(.33,1,.68,1)}.post-card:hover .post-image{transform:scale(1.05)}.post-category-badge{position:absolute;top:16px;right:16px;padding:6px 16px;background:rgba(255,255,255,.9);color:var(--blog-primary);border-radius:20px;font-size:.75rem;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:var(--blog-transition)}.post-card:hover .post-category-badge{background:var(--blog-primary);color:white}.post-content{padding:28px;flex:1 1;display:flex;flex-direction:column}.post-card .post-title{font-size:1.25rem;margin-bottom:12px;transition:color .3s ease}.post-card:hover .post-title{color:var(--blog-primary)}.post-card .post-excerpt{font-size:.9375rem;margin-bottom:24px;flex-grow:1}.post-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--blog-primary);font-size:.9375rem;font-weight:600;background:none;border:none;padding:0;cursor:pointer;transition:gap .3s ease;margin-top:auto}.post-read-more:hover{gap:12px;color:var(--blog-secondary)}.arrow-icon{width:16px;height:16px;transition:transform .3s ease}.post-read-more:hover .arrow-icon{transform:translateX(4px)}.no-results{grid-column:1/-1;text-align:center;padding:60px;background:white;border-radius:var(--blog-radius);box-shadow:var(--blog-shadow)}.no-results-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.1);border-radius:50%;margin:0 auto 24px}.no-results-icon svg{width:32px;height:32px;stroke:var(--blog-primary)}.no-results h3{font-size:1.5rem;font-weight:700;color:var(--blog-dark);margin-bottom:12px}.no-results p{font-size:1rem;color:var(--blog-gray);margin-bottom:24px}.reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--blog-gradient);color:white;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--blog-transition)}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.25)}.categories-section{padding:120px 0;background:white;position:relative}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;position:relative;z-index:1}.category-card{padding:40px 32px;border-radius:var(--blog-radius);text-align:center;background:white;box-shadow:var(--blog-shadow);overflow:hidden;border:1px solid var(--blog-border)}.category-card,.category-icon{transition:var(--blog-transition);position:relative}.category-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.1);border-radius:20px;margin:0 auto 24px;z-index:1}.category-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blog-gradient);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.category-card:hover .category-icon:before{opacity:1}.category-card:hover .category-icon{transform:translateY(-5px) scale(1.05) rotate(5deg)}.category-icon svg{width:32px;height:32px;stroke:var(--blog-primary);transition:stroke .3s ease}.category-card:hover .category-icon svg{stroke:white}.category-title{font-size:1.25rem;font-weight:700;color:var(--blog-dark);margin-bottom:8px;transition:color .3s ease}.category-card:hover .category-title{color:var(--blog-primary)}.category-count{font-size:.9375rem;color:var(--blog-gray);margin-bottom:16px}.category-progress{height:3px;background:var(--blog-gradient);border-radius:2px;margin-top:20px}.newsletter-section-modern{padding:100px 0;background:linear-gradient(180deg,#ffffff,#f8fafc)}.newsletter-card-modern{background:linear-gradient(135deg,#1E293B,#0F172A);border-radius:32px;padding:60px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}.newsletter-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(245,158,11,.15),transparent 40%),radial-gradient(circle at 80% 20%,rgba(251,146,60,.1),transparent 40%);z-index:0}.newsletter-content-modern{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:60px;gap:60px;align-items:center}.newsletter-text-side{color:white}.newsletter-badge-modern{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:50px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-badge-modern .badge-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--blog-primary)}.newsletter-badge-modern span:last-child{font-size:.875rem;font-weight:600;color:white;letter-spacing:.5px}.newsletter-text-side h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;line-height:1.2}.newsletter-text-side p{font-size:1.125rem;color:rgba(255,255,255,.7);margin-bottom:32px;line-height:1.6;max-width:500px}.newsletter-features{display:flex;gap:24px}.feature-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);padding:8px 16px;border-radius:50px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.feature-item:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.check-icon{width:20px;height:20px;background:var(--blog-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.check-icon svg{width:12px;height:12px;stroke-width:3}.newsletter-content-modern .feature-item span{font-size:.9375rem;font-weight:600;color:#ffffff!important}.newsletter-form-side{background:rgba(255,255,255,.05);padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-form .input-group{display:flex;gap:12px;margin-bottom:16px}.modern-form input{flex:1 1;padding:16px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:white;font-size:1rem;outline:none;transition:all .3s ease}.modern-form input:focus{background:rgba(255,255,255,.15);border-color:var(--blog-primary)}.modern-form input::placeholder{color:rgba(255,255,255,.4)}.subscribe-btn-modern{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;background:var(--blog-gradient);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subscribe-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.3)}.subscribe-btn-modern svg{width:18px;height:18px;transition:transform .3s ease}.subscribe-btn-modern:hover svg{transform:translateX(4px)}.form-note{font-size:.875rem;color:rgba(255,255,255,.4);text-align:center}@media (max-width:992px){.newsletter-content-modern{grid-template-columns:1fr;gap:40px;text-align:center}.newsletter-text-side p{margin:0 auto 32px}.newsletter-features{flex-direction:column;align-items:center;gap:16px}.feature-item{width:100%;max-width:300px;justify-content:center}.modern-form .input-group{flex-direction:column}.subscribe-btn-modern{justify-content:center;width:100%}}@media (max-width:1024px){.featured-grid{grid-template-columns:1fr}.featured-main{grid-column:auto;grid-row:auto}.categories-grid,.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:140px 0 80px}.blog-hero-title{font-size:2.5rem}.blog-hero-description{font-size:1.125rem}.section-title{font-size:2rem}.posts-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-hero{padding:120px 0 60px}.blog-hero-title{font-size:2rem}.blog-badge{padding:10px 20px}.featured-content,.post-content{padding:24px 20px}.post-meta{flex-direction:column;align-items:flex-start;gap:8px}.category-card{padding:28px 20px}}