.blog-hero{padding:80px 0 60px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0fdf4 100%);margin-bottom:60px;text-align:center;position:relative;overflow:hidden}.blog-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgb(16 185 129 / .08) 0%,transparent 70%);border-radius:50%}.blog-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgb(0 102 255 / .06) 0%,transparent 70%);border-radius:50%}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-size:3.2em;color:#10b981;margin-bottom:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.blog-subtitle{font-size:1.25em;color:#4b5563;max-width:800px;margin:0 auto;line-height:1.7;font-weight:400}.blog-hero .breadcrumbs{margin-bottom:30px;background:linear-gradient(135deg,rgb(255 255 255 / .95) 0%,rgb(249 250 251 / .9) 100%);padding:18px 24px;border-radius:14px;box-shadow:0 4px 15px rgb(0 0 0 / .06);border:1px solid rgb(229 231 235 / .8)}.blog-hero .breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;gap:12px;flex-wrap:wrap;justify-content:center}.blog-hero .breadcrumbs li{color:#6b7280;font-size:.95em;font-weight:500}.blog-hero .breadcrumbs a{color:#10b981;text-decoration:none;transition:color 0.3s ease;font-weight:600}.blog-hero .breadcrumbs a:hover{color:#059669;text-decoration:underline}.blog-hero .breadcrumbs li:not(:last-child):after{content:' / ';color:#d1d5db;margin-left:12px;font-weight:400}.blog-container{max-width:1280px;margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:start}.blog-content{grid-column:1}.posts-list{margin-bottom:60px}.post-preview{margin-bottom:50px;padding-bottom:40px;border-bottom:2px solid rgb(229 231 235 / .8);transition:all 0.3s ease}.post-preview:last-child{border-bottom:none}.post-preview:hover{transform:translateY(-4px)}.post-preview-wrapper{display:flex;gap:28px;align-items:flex-start}.post-preview-image{flex-shrink:0;width:280px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .12);transition:all 0.4s cubic-bezier(.4,0,.2,1)}.post-preview-image:hover{box-shadow:0 15px 45px rgb(0 0 0 / .18);transform:translateY(-4px) scale(1.02)}.post-preview-image img{width:100%;height:200px;object-fit:cover;display:block;transition:transform 0.4s ease}.post-preview-image:hover img{transform:scale(1.08)}.post-preview-content{flex:1}.post-preview-title{font-size:1.75em;margin-bottom:14px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.post-preview-title a{color:#1f2937;text-decoration:none;transition:all 0.3s ease;background:linear-gradient(135deg,#10b981 0%,#059669 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom}.post-preview-title a:hover{color:#10b981;background-size:100% 2px}.post-preview-content p{color:#6b7280;margin:0 0 16px;line-height:1.7;font-size:1.05em}.blog-post{line-height:1.8;margin-bottom:60px}.post-content{font-size:1.1em;color:#1f2937;margin-bottom:30px;line-height:1.8}.post-content img{max-width:100%;height:auto;border-radius:16px;margin:30px auto;display:block;box-shadow:0 10px 40px rgb(0 0 0 / .1)}.post-content p{margin-bottom:20px}.post-content h2{font-size:2em;margin:50px 0 20px;color:#10b981;font-weight:700;letter-spacing:-.01em;position:relative;padding-bottom:12px}.post-content h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:2px}.post-content h3{font-size:1.5em;margin:35px 0 18px;color:#059669;font-weight:600}.post-content ol{list-style:none;padding:0 0 0 25px;margin:30px 0;counter-reset:blog-counter}.post-content ol li{position:relative;margin-bottom:20px;padding-left:40px;font-size:1.05em;color:#1f2937;line-height:1.7}.post-content ol li::before{counter-increment:blog-counter;content:counter(blog-counter);font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;width:32px;height:32px;position:absolute;left:0;top:2px;display:flex;align-items:center;justify-content:center;font-size:.9em;box-shadow:0 4px 12px rgb(16 185 129 / .3)}.post-content ol li strong,.post-content ol li p{display:inline;margin:0;line-height:inherit}.byline{margin:30px 0;color:#9ca3af;font-style:normal;display:flex;gap:24px;flex-wrap:wrap;font-size:.95em;padding:16px 20px;background:linear-gradient(135deg,rgb(243 244 246 / .6) 0%,rgb(249 250 251 / .4) 100%);border-radius:12px;border-left:4px solid #10b981}.post-views{font-weight:600;color:#6b7280}.post-footer{margin-top:50px;padding-top:35px;border-top:2px solid rgb(229 231 235 / .8);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px}.share-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.share-button{padding:12px 28px;border-radius:12px;font-weight:600;font-size:.95em;text-decoration:none;color:#fff!important;transition:all 0.3s ease;min-width:160px;text-align:center;box-shadow:0 4px 12px rgb(0 0 0 / .15);cursor:pointer;border:none}.share-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .25)}.share-button.facebook{background:linear-gradient(135deg,#1877F2 0%,#0c5ecf 100%)}.share-button.twitter{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%)}.share-button.url{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.blog-sidebar{grid-column:2;background:linear-gradient(135deg,rgb(255 255 255 / .98) 0%,rgb(255 255 255 / .95) 100%);padding:32px;border-radius:20px;box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 8px rgb(0 0 0 / .04);backdrop-filter:blur(10px);border:1px solid rgb(16 185 129 / .1);position:sticky;top:100px;transition:all 0.3s cubic-bezier(.4,0,.2,1);align-self:start}.blog-sidebar:hover{box-shadow:0 15px 50px rgb(0 0 0 / .12),0 5px 15px rgb(0 0 0 / .06);transform:translateY(-2px)}.sidebar-widget{margin-bottom:36px;padding-bottom:32px;border-bottom:2px solid rgb(229 231 235 / .6)}.sidebar-widget:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar-widget h4{color:#10b981;margin-bottom:20px;font-size:1.3em;font-weight:700;position:relative;padding-left:16px}.sidebar-widget h4::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#10b981 0%,#059669 100%);border-radius:2px}.sidebar-widget p{color:#6b7280;line-height:1.7;font-size:.95em}.category-list,.recent-list{list-style:none;padding:0;margin:0}.category-list li,.recent-list li{margin-bottom:14px}.category-list a,.recent-list a{color:#374151;text-decoration:none;transition:all 0.3s ease;font-size:1em;display:flex;align-items:center;padding:10px 14px;border-radius:10px;font-weight:500;position:relative;overflow:hidden}.category-list a::before,.recent-list a::before{content:'→';opacity:0;margin-right:0;transition:all 0.3s ease;color:#10b981;font-weight:700}.category-list a:hover,.recent-list a:hover{color:#10b981;background:linear-gradient(135deg,rgb(16 185 129 / .08) 0%,rgb(16 185 129 / .04) 100%);transform:translateX(4px)}.category-list a:hover::before,.recent-list a:hover::before{opacity:1;margin-right:8px}.pagination{text-align:center;margin-top:60px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.page-link{color:#10b981;text-decoration:none;padding:14px 32px;border:2px solid #10b981;border-radius:50px;display:inline-block;transition:all 0.3s ease;font-weight:700;font-size:1em;background:linear-gradient(135deg,rgb(16 185 129 / .05) 0%,transparent 100%)}.page-link:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgb(16 185 129 / .4)}.page-current{padding:14px 32px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-radius:50px;font-weight:700;display:inline-block;box-shadow:0 4px 12px rgb(16 185 129 / .3)}@media (max-width:1024px){.blog-container{grid-template-columns:1fr;gap:50px}.blog-sidebar{position:static;grid-column:1}.blog-content{grid-column:1}}@media (max-width:768px){.blog-hero{padding:60px 0 40px}.blog-hero h1{font-size:2.2em}.blog-subtitle{font-size:1.05em;padding:0 10px}.blog-container{max-width:none;padding:0 15px;grid-template-columns:1fr;gap:30px}.blog-sidebar{padding:24px}.post-preview-wrapper{flex-direction:column;gap:20px}.post-preview-image{width:100%;max-width:100%}.post-preview-image img{height:220px}.post-preview-title{font-size:1.5em}.post-footer{flex-direction:column;align-items:stretch;text-align:center}.share-buttons{flex-direction:column;width:100%}.share-button{width:100%}.byline{justify-content:center;gap:16px;font-size:.9em}.blog-hero .breadcrumbs{font-size:.85em}.blog-hero .breadcrumbs ol{justify-content:flex-start}.post-content ol{padding-left:15px}.post-content ol li{padding-left:36px;margin-bottom:16px}.post-content ol li::before{width:28px;height:28px;font-size:.85em}.post-content h2{font-size:1.7em}}@media (max-width:480px){.blog-hero h1{font-size:1.8em}.blog-subtitle{font-size:1em}.sidebar-widget{margin-bottom:28px}.post-preview-title{font-size:1.4em}.page-link,.page-current{padding:12px 24px;font-size:.9em}.post-content ol{padding-left:10px}.post-content ol li{padding-left:32px}.post-content ol li::before{width:26px;height:26px;font-size:.8em}.share-button{padding:12px 20px;min-width:120px;font-size:.9em}}