.blog-index-hero{background:linear-gradient(180deg,#f7faf8,#f1f8f2);padding:80px 40px 60px;text-align:center;position:relative;overflow:hidden}.blog-index-hero:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(circle,rgba(0,114,15,.06) 0%,transparent 70%);pointer-events:none}.blog-index-hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:1}.blog-index-hero h1{font-family:Sora,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#16181a;margin-bottom:20px}.blog-index-hero-body{font-size:17px;color:#5a6066;line-height:1.7;max-width:560px;margin:0 auto}.blog-featured-section{padding:60px 40px 0;background:#fff}.blog-featured-container{max-width:1100px;margin:0 auto}.blog-featured-label{display:inline-flex;align-items:center;gap:8px;color:#00720f;font-family:Sora,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.blog-featured-card{display:block;background:#16181a;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .4s,transform .3s;position:relative}.blog-featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00720f33,0 0 40px #00720f14}.blog-featured-content{padding:48px;display:flex;flex-direction:column;gap:16px}.blog-featured-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-featured-content h2{font-family:Sora,sans-serif;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:#f4f5f6;margin:0}.blog-featured-content p{font-size:15px;color:#8a9097;line-height:1.75;flex-grow:1}.blog-read-link{display:inline-flex;align-items:center;gap:8px;color:#00720f;font-weight:600;font-size:15px;transition:gap .3s}.blog-featured-card:hover .blog-read-link{gap:14px}.blog-category-tag{display:inline-block;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:#00720f1f;color:#00720f}.blog-category-tag.small{font-size:10px;padding:3px 10px}.blog-date,.blog-read-time{font-size:13px;color:#8a9097}.blog-section-container{max-width:1100px;margin:0 auto}.blog-section-header{display:flex;align-items:center;gap:20px;margin-bottom:36px}.blog-section-header h2{font-family:Sora,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.025em;color:#16181a;white-space:nowrap;margin:0;line-height:1}.blog-section-line{flex-grow:1;height:2px;background:linear-gradient(90deg,#E2E4E6,transparent)}.blog-post-count{font-size:13px;color:#8a9097;white-space:nowrap;font-weight:500}.blog-recent-section{padding:60px 40px;background:#fff}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:#fff;border:1px solid #E2E4E6;border-radius:16px;padding:32px 28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#00720f,#0f9a1f);transition:width .4s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00720f1f}.blog-card:hover:before{width:100%}.blog-card-top{display:flex;align-items:flex-start;justify-content:space-between}.blog-card-icon{width:44px;height:44px;border-radius:12px;background:#00720f0f;display:flex;align-items:center;justify-content:center;color:#00720f;flex-shrink:0}.blog-card h3{font-family:Sora,sans-serif;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#16181a;margin:0}.blog-card p{font-size:14px;color:#5a6066;line-height:1.7;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;gap:16px;padding-top:14px;border-top:1px solid #F0F1F2}.blog-all-section{padding:60px 40px 80px;background:#f7faf8}.blog-all-list{display:flex;flex-direction:column;gap:0}.blog-list-item{display:grid;grid-template-columns:60px 1fr 48px;gap:24px;align-items:center;padding:28px 24px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,114,15,.1);transition:background .3s,padding-left .3s;border-radius:12px}.blog-list-item:first-child{border-top:1px solid rgba(0,114,15,.1)}.blog-list-item:hover{background:#00720f0a;padding-left:32px}.blog-list-number{font-family:Sora,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.025em;color:#00720f33;line-height:1;text-align:center}.blog-list-item:hover .blog-list-number{color:#00720f}.blog-list-content{display:flex;flex-direction:column;gap:8px}.blog-list-meta{display:flex;align-items:center;gap:12px}.blog-list-content h3{font-family:Sora,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#16181a;line-height:1.15;margin:0;transition:color .3s}.blog-list-item:hover .blog-list-content h3{color:#00720f}.blog-list-content p{font-size:14px;color:#8a9097;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list-arrow{width:48px;height:48px;border-radius:50%;background:#00720f0f;display:flex;align-items:center;justify-content:center;color:#00720f;flex-shrink:0;transition:background .3s,transform .3s}.blog-list-item:hover .blog-list-arrow{background:#00720f;color:#fff;transform:translate(4px)}.blog-cta-section{padding:80px 40px;background:#16181a}.blog-cta-container{max-width:700px;margin:0 auto;text-align:center}.blog-cta-content h2{font-family:Sora,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.03em;color:#f4f5f6;line-height:1.1;margin-bottom:16px}.blog-cta-content p{font-size:17px;color:#8a9097;line-height:1.7;margin-bottom:32px}.blog-empty-state{text-align:center;padding:60px 20px;color:#8a9097;font-size:16px}@media(max-width:900px){.blog-posts-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.blog-index-hero{padding:60px 20px 40px}.blog-featured-section{padding:40px 20px 0}.blog-recent-section{padding:40px 20px}.blog-all-section{padding:40px 20px 60px}.blog-cta-section{padding:60px 20px}.blog-featured-content{padding:32px 24px}.blog-posts-grid{grid-template-columns:1fr}.blog-list-item{grid-template-columns:40px 1fr 40px;gap:16px;padding:20px 16px}.blog-list-number{font-size:28px}.blog-list-content h3{font-size:20px}.blog-list-arrow{width:40px;height:40px}}