.blog-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4rem 2rem;border-radius:1.5rem;margin-bottom:3rem;text-align:center;position:relative;overflow:hidden}.blog-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s linear infinite}.blog-hero h1{color:white;font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.blog-hero p{color:rgba(255,255,255,0.95);font-size:1.25rem;max-width:700px;margin:0 auto;position:relative;z-index:1}.blog-grid{padding:2rem 0}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.insight-card{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);border-radius:1rem;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(31,38,135,0.15);display:flex;flex-direction:column;height:100%;position:relative}.insight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transition:transform 0.3s;transform-origin:left}.insight-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(31,38,135,0.25)}.insight-card:hover::before{transform:scaleX(1)}.insight-card-category{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,rgba(139,92,246,0.9) 0%,rgba(124,58,237,0.9) 100%);color:white;padding:0.375rem 0.875rem;border-radius:9999px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:10;backdrop-filter:blur(10px)}.insight-card-image{width:100%;height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%)}.insight-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.insight-card:hover .insight-card-image img{transform:scale(1.1)}.insight-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.insight-card-content h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;line-height:1.4}.insight-card-content h3 a{color:#1F2937;text-decoration:none;transition:color 0.3s}.insight-card-content h3 a:hover{color:#8B5CF6}.insight-card-date{color:#6B7280;font-size:0.875rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(229,231,235,0.5)}.blog-pagination{display:flex;justify-content:center;padding:3rem 0}.pagination-controls{display:flex;align-items:center;gap:2rem}.pagination-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:linear-gradient(135deg,rgba(139,92,246,0.1) 0%,rgba(124,58,237,0.1) 100%);border:1px solid rgba(139,92,246,0.3);border-radius:9999px;color:#7C3AED;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);backdrop-filter:blur(10px)}.pagination-link:hover:not(.disabled){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,0.4)}.pagination-link.disabled{opacity:0.5;cursor:not-allowed;color:#9CA3AF}.pagination-info{font-weight:600;color:#4B5563}.pagination-icon svg{width:1rem;height:1rem}@media (max-width:768px){.blog-hero h1{font-size:2rem}.blog-hero p{font-size:1rem}.card-container{grid-template-columns:1fr}.pagination-controls{flex-wrap:wrap;gap:1rem}}.blog-post-section{padding:100px 20px 60px;min-height:100vh;background:linear-gradient(to bottom,#FAFAFA 0%,#FFFFFF 200px)}.blog-post-section .container{max-width:720px;margin:0 auto}.blog-post{background:white;border-radius:0;box-shadow:none}.blog-post-header{text-align:center;padding:0 0 48px;border-bottom:2px solid #E5E7EB;margin-bottom:48px}.blog-post-meta{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.blog-category-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#7f3e98,#5a2e6f);color:white;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:9999px;box-shadow:0 4px 6px rgba(127,62,152,0.2)}.blog-post-meta .blog-date,.blog-post-meta .reading-time{font-size:0.875rem;color:#6B7280;font-weight:500}.blog-post-title{font-size:3.5rem;font-weight:800;color:#111827;line-height:1.1;margin:32px 0 24px;letter-spacing:-0.03em;background:linear-gradient(135deg,#111827 0%,#374151 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-post-lead{font-size:1.375rem;color:#4B5563;line-height:1.6;max-width:600px;margin:0 auto 32px;font-weight:400}.author-info{font-size:0.9375rem;color:#6B7280;font-weight:500}.author-name{color:#7f3e98;font-weight:700;text-decoration:none;transition:color 0.2s ease}.author-name:hover{color:#5a2e6f}.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(243,244,246,0.8);backdrop-filter:blur(10px);z-index:1000}.reading-progress .progress-bar{height:100%;background:linear-gradient(90deg,#7f3e98,#5a2e6f);width:0;transition:width 0.2s ease;box-shadow:0 0 10px rgba(127,62,152,0.5)}.blog-post-body{padding:0}.post-content{font-size:1.1875rem;line-height:1.85;color:#374151;letter-spacing:0.01em}.post-content h1{font-size:2.75rem;font-weight:800;color:#111827;margin:56px 0 28px;line-height:1.2;letter-spacing:-0.02em;position:relative;padding-top:24px}.post-content h1::before{content:'';position:absolute;top:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#7f3e98,#5a2e6f);border-radius:2px}.post-content h2{font-size:2.25rem;font-weight:700;color:#111827;margin:48px 0 24px;padding-top:32px;line-height:1.3;letter-spacing:-0.01em;border-top:1px solid #F3F4F6}.post-content h3{font-size:1.75rem;font-weight:600;color:#1F2937;margin:36px 0 18px;line-height:1.4}.post-content h4{font-size:1.375rem;font-weight:600;color:#374151;margin:28px 0 14px;line-height:1.4;text-transform:uppercase;letter-spacing:0.025em}.post-content p{margin-bottom:28px;color:#374151}.post-content p:first-of-type{font-size:1.25rem;line-height:1.7;color:#4B5563;font-weight:400}.post-content strong{font-weight:700;color:#111827;background:linear-gradient(to bottom,transparent 60%,rgba(127,62,152,0.1) 60%);padding:0 2px}.post-content em{font-style:italic;color:#4B5563}.post-content ul,.post-content ol{margin:32px 0;padding-left:0;list-style:none}.post-content li{margin-bottom:16px;line-height:1.7;position:relative;padding-left:36px}.post-content ul li::before{content:'→';position:absolute;left:0;color:#7f3e98;font-weight:700;font-size:1.25rem}.post-content ol{counter-reset:item}.post-content ol li{counter-increment:item}.post-content ol li::before{content:counter(item);position:absolute;left:0;width:28px;height:28px;background:linear-gradient(135deg,#7f3e98,#5a2e6f);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem}.post-content blockquote{margin:40px 0;padding:32px;background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%);border-left:4px solid #7f3e98;font-style:italic;font-size:1.25rem;line-height:1.8;color:#4B5563;border-radius:0 12px 12px 0;position:relative;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.post-content blockquote::before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#7f3e98;opacity:0.2;font-weight:700}.post-content blockquote p{margin-bottom:0}.post-content code{font-family:'Fira Code','Monaco','Consolas',monospace;font-size:0.9em;padding:4px 8px;background:linear-gradient(135deg,#F3F4F6,#E5E7EB);border:1px solid #E5E7EB;border-radius:6px;color:#7f3e98;font-weight:500}.post-content pre{margin:40px 0;padding:32px;background:linear-gradient(135deg,#1F2937,#111827);border-radius:16px;overflow-x:auto;box-shadow:0 10px 30px rgba(0,0,0,0.2);position:relative}.post-content pre::before{content:'CODE';position:absolute;top:12px;right:12px;font-size:0.75rem;color:#6B7280;font-weight:700;letter-spacing:1px}.post-content pre code{background:transparent;border:none;color:#E5E7EB;padding:0;font-size:0.9375rem;line-height:1.8}.post-content img{max-width:100%;height:auto;margin:48px 0;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.15);transition:transform 0.3s ease}.post-content img:hover{transform:scale(1.02)}.post-content a{color:#7f3e98;text-decoration:none;border-bottom:2px solid transparent;transition:all 0.2s ease;font-weight:500;background:linear-gradient(to bottom,transparent 90%,rgba(127,62,152,0.2) 90%)}.post-content a:hover{color:#5a2e6f;border-bottom-color:#7f3e98;background:linear-gradient(to bottom,transparent 60%,rgba(127,62,152,0.2) 60%)}.post-content table{width:100%;margin:40px 0;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.07)}.post-content thead{background:linear-gradient(135deg,#7f3e98,#5a2e6f)}.post-content th{padding:18px;text-align:left;font-weight:700;color:white;font-size:0.875rem;text-transform:uppercase;letter-spacing:1px}.post-content td{padding:18px;border-top:1px solid #E5E7EB;color:#374151}.post-content tbody tr{transition:background 0.2s ease}.post-content tbody tr:hover{background:linear-gradient(90deg,transparent,rgba(127,62,152,0.05),transparent)}.post-content hr{margin:56px 0;border:none;height:1px;background:linear-gradient(90deg,transparent,#E5E7EB 20%,#E5E7EB 80%,transparent);position:relative}.post-content hr::after{content:'◆';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:#7f3e98;font-size:1rem;padding:0 16px}.blog-post-footer{margin-top:60px;padding-top:40px;border-top:2px solid #E5E7EB}.tags-section{margin-bottom:40px}.tags-list{display:flex;flex-wrap:wrap;gap:12px}.tag-pill{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#F3F4F6,#E5E7EB);color:#6B7280;border-radius:9999px;font-size:0.875rem;font-weight:600;transition:all 0.3s ease;border:1px solid transparent}.tag-pill:hover{background:linear-gradient(135deg,#7f3e98,#5a2e6f);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(127,62,152,0.3)}@media (max-width:768px){.blog-post-section{padding:80px 16px 40px}.blog-post-title{font-size:2.5rem}.blog-post-lead{font-size:1.125rem}.post-content{font-size:1.0625rem}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.375rem}.post-content blockquote{padding:24px;font-size:1.125rem}.post-content pre{padding:20px;font-size:0.875rem}}@media print{.reading-progress,.back-to-blog{display:none}.blog-post-section{padding:0;background:white}.post-content{font-size:11pt}.post-content a{color:#000;text-decoration:underline}}EOF < /dev/null .post-content .cta-section{margin:60px -40px}.post-content .cta-wrapper{border-radius:0}.post-content .cta-wrapper h2.cta-title{color:white \!important;background:none \!important;-webkit-text-fill-color:white \!important;border:none \!important;padding-top:0 \!important;margin-top:0 \!important}.post-content .cta-wrapper h2.cta-title::before{display:none \!important}.post-content .cta-wrapper p.cta-description{color:rgba(255,255,255,0.9) \!important;font-size:1.125rem \!important;line-height:1.6 \!important;font-weight:400 \!important}.post-content .cta-button{background:white \!important;color:#7f3e98 \!important}.post-content .cta-button:hover{background:#FAFAFA \!important}@media (max-width:768px){.post-content .cta-section{margin:40px -24px}}EOF < /dev/null