.blog-new-container{max-width:1200px;margin:0 auto;padding:120px 24px 80px;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.section-header-new{text-align:center;margin-bottom:64px;animation:fadeInUp .8s ease-out}.main-heading{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:20px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.main-heading:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--text-accent);border-radius:2px}.subheading{max-width:768px;margin:32px auto 0;color:var(--text-secondary);font-size:1.125rem;line-height:1.7;font-weight:400;opacity:.9}.featured-article{margin-bottom:0;animation:fadeInUp .8s ease-out .2s both}.featured-card{background:linear-gradient(145deg,var(--color-secondary),#ffffff);border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(58,95,64,.1);position:relative}.featured-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.12),0 15px 30px rgba(0,0,0,.08)}.featured-image-container{width:100%;height:400px;overflow:hidden;position:relative}.featured-image-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.3));pointer-events:none}.featured-image-container img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.215,.61,.355,1)}.featured-card:hover .featured-image-container img{transform:scale(1.08)}.featured-content{padding:40px;flex:1 1;display:flex;flex-direction:column;position:relative}.featured-tag{color:var(--text-accent);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;display:inline-block;padding:6px 16px;background:rgba(58,95,64,.1);border-radius:50px;border:1px solid rgba(58,95,64,.2)}.featured-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,#2c3e50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-excerpt{color:var(--text-secondary);margin-bottom:32px;line-height:1.7;flex:1 1;font-size:1.125rem;opacity:.9}.featured-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--text-accent),#2c4b33);color:white;font-weight:700;padding:16px 40px;border-radius:50px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;align-self:flex-start;box-shadow:0 8px 20px rgba(58,95,64,.3);position:relative;overflow:hidden}.featured-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.featured-button:hover:before{left:100%}.featured-button:hover{background:linear-gradient(135deg,#2c4b33,var(--text-accent));transform:translateY(-3px);box-shadow:0 12px 25px rgba(58,95,64,.4)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:40px;gap:40px}.article-card{background:linear-gradient(145deg,#ffffff,var(--color-secondary));border:1px solid rgba(58,95,64,.1);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--text-accent),transparent);opacity:0;transition:opacity .3s ease}.article-card:hover:before{opacity:1}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12),0 8px 20px rgba(0,0,0,.08);border-color:rgba(58,95,64,.2)}.card-image-container{height:240px;width:100%;overflow:hidden;position:relative}.card-image-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;pointer-events:none}.card-image-container img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.215,.61,.355,1)}.article-card:hover .card-image-container img{transform:scale(1.1)}.card-content{padding:28px;flex:1 1;display:flex;flex-direction:column}.card-category{display:inline-block;background:rgba(58,95,64,.1);color:var(--text-accent);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:50px;align-self:flex-start;margin-bottom:16px;border:1px solid rgba(58,95,64,.2)}.card-title{font-size:1.375rem;font-weight:800;line-height:1.3;margin-bottom:12px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,#2c3e50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-source{font-size:.875rem;margin-bottom:16px;font-weight:600;opacity:.8}.card-excerpt,.card-source{color:var(--text-secondary)}.card-excerpt{line-height:1.6;margin-bottom:24px;flex:1 1;opacity:.9}.read-more-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--text-accent),#2c4b33);color:white;font-weight:700;padding:12px 28px;border-radius:50px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;text-align:center;align-self:flex-start;margin-top:auto;box-shadow:0 4px 12px rgba(58,95,64,.2);font-size:.875rem}.read-more-button:hover{background:linear-gradient(135deg,#2c4b33,var(--text-accent));transform:translateY(-2px);box-shadow:0 6px 16px rgba(58,95,64,.3)}.blog-detail{padding:140px 0 80px;background:linear-gradient(180deg,var(--color-secondary) 0,#ffffff 100%)}.detail-header{max-width:800px;margin:0 auto 48px;text-align:center;animation:fadeInUp .8s ease-out}.detail-tag{display:inline-block;background:rgba(58,95,64,.1);color:var(--text-accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(58,95,64,.2)}.detail-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-meta{color:var(--text-secondary);font-size:1rem;opacity:.8;font-weight:500}.detail-author{color:var(--text-accent);font-weight:700}.detail-content{max-width:800px;margin:0 auto;animation:fadeInUp .8s ease-out .2s both}.detail-image{width:100%;height:500px;border-radius:20px;margin-bottom:48px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;overflow:hidden}.detail-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.1));pointer-events:none}.detail-text{font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.detail-text h3{font-size:1.5rem;font-weight:800;margin:48px 0 20px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-text h4{font-size:1.25rem;font-weight:700;margin:32px 0 16px;color:var(--text-primary)}.detail-text p{margin-bottom:24px;opacity:.9}.detail-text ol,.detail-text ul{margin-bottom:24px;padding-left:24px}.detail-text li{margin-bottom:8px;opacity:.9}.detail-text blockquote{border-left:4px solid var(--text-accent);margin:32px 0;font-style:italic;color:var(--text-secondary);background:rgba(58,95,64,.05);padding:20px 24px;border-radius:0 12px 12px 0}.back-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6B7280,#4B5563);color:white;font-weight:700;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;margin-top:48px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-button:hover{background:linear-gradient(135deg,#4B5563,#6B7280);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.article-card{animation:fadeInUp .6s ease-out}.article-card:first-child{animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}@media (min-width:1024px){.featured-card{flex-direction:row}.featured-image-container{width:55%;height:auto}.featured-content{width:45%;padding:48px}.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.blog-new-container{padding:100px 20px 60px}.featured-content{padding:32px}.grid-container{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}}@media (max-width:767px){.blog-new-container{padding:90px 16px 40px}.section-header-new{margin-bottom:48px}.featured-image-container{height:300px}.featured-content{padding:24px}.grid-container{grid-template-columns:1fr;gap:24px}.card-content{padding:20px}.blog-detail{padding:120px 0 60px}.detail-image{height:300px;margin-bottom:32px}.detail-text{font-size:1rem}}@media (max-width:480px){.blog-new-container{padding:80px 12px 32px}.featured-button,.read-more-button{width:100%;justify-content:center}.card-image-container{height:200px}.detail-header{margin-bottom:32px}.detail-text h3{font-size:1.25rem}.detail-text h4{font-size:1.125rem}}@media (prefers-reduced-motion:no-preference){.blog-new-container{scroll-behavior:smooth}}.back-button:focus,.featured-button:focus,.read-more-button:focus{outline:2px solid var(--text-accent);outline-offset:2px}@media print{.blog-new-container{padding:0;max-width:none}.back-button,.featured-button,.read-more-button{display:none}.article-card{page-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ddd}}