.blog-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:60px 20px 80px;min-height:100vh;font-family:Inter,Segoe UI,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.blog-main:before{top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08) 0,transparent 70%)}.blog-main:after,.blog-main:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.blog-main:after{bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(147,51,234,.06) 0,transparent 70%)}.blog-container{max-width:820px;margin:0 auto;background:#fff;padding:48px 36px;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.03);position:relative;z-index:1;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899,#f59e0b);border-radius:20px 20px 0 0}.blog-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;margin-bottom:32px;line-height:1.3;color:#0f172a;text-align:center;padding:0 8px;position:relative;animation:fadeIn .8s ease .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blog-title:after{content:"☕ 3 min read";display:block;font-size:.875rem;font-weight:500;color:#64748b;margin-top:12px;letter-spacing:.5px}.blog-paragraph{font-size:1.0625rem;line-height:1.8;color:#334155;margin-bottom:28px;text-align:justify;transition:color .3s ease}.blog-paragraph:first-of-type{font-size:1.125rem;color:#1e293b;font-weight:500}.blog-paragraph strong{color:#2563eb;font-weight:700}.blog-heading{font-size:1.5rem;font-weight:700;margin-top:48px;margin-bottom:20px;color:#1e293b;position:relative;padding-left:20px;line-height:1.4}.blog-heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#2563eb,#7c3aed);border-radius:3px}.blog-list{list-style:none;padding-left:0;margin-bottom:32px;margin-top:20px}.blog-list li{padding:14px 20px 14px 48px;position:relative;margin-bottom:12px;font-size:1.0625rem;line-height:1.7;color:#475569;background:linear-gradient(135deg,rgba(37,99,235,.04),rgba(147,51,234,.03));border-radius:10px;border-left:3px solid #2563eb;transition:all .3s ease}.blog-list li:hover{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(147,51,234,.06));transform:translateX(4px);border-left-color:#7c3aed}.blog-list li:before{content:"✓";position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#2563eb;font-weight:900;font-size:1.1rem}.blog-cta{margin:56px 0;padding:40px 28px;text-align:center;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(147,51,234,.06));border-radius:16px;border:2px dashed rgba(37,99,235,.3);position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.blog-button{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.0625rem;display:inline-block;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(37,99,235,.3),0 8px 24px rgba(124,58,237,.2);overflow:hidden}.blog-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed8,#6d28d9);opacity:0;transition:opacity .3s ease}.blog-button:hover:before{opacity:1}.blog-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(37,99,235,.4),0 12px 32px rgba(124,58,237,.3)}.blog-button:active{transform:translateY(-1px)}.blog-button span{position:relative;z-index:1}.blog-paragraph em{font-style:italic;color:#64748b;border-left:3px solid #94a3b8;padding-left:16px;margin-left:8px;display:inline-block}@media (max-width:480px){.blog-main{padding:40px 16px 60px}.blog-container{padding:32px 20px;border-radius:16px}.blog-title{font-size:1.625rem;text-align:left;margin-bottom:24px}.blog-heading{font-size:1.25rem;margin-top:36px;padding-left:16px}.blog-heading:before{width:5px}.blog-list li,.blog-paragraph{font-size:1rem;text-align:left}.blog-list li{padding:12px 16px 12px 40px}.blog-button{width:100%;padding:14px 24px;font-size:1rem}.blog-cta{padding:32px 20px}}@media (min-width:481px) and (max-width:768px){.blog-main{padding:50px 24px 70px}.blog-container{padding:40px 28px}.blog-title{font-size:1.875rem}.blog-heading{font-size:1.375rem}}@media (min-width:769px){.blog-container{padding:56px 48px}.blog-paragraph{font-size:1.125rem}.blog-list li{font-size:1.0625rem;padding:16px 24px 16px 52px}}@media (prefers-color-scheme:dark){.blog-main{background:linear-gradient(135deg,#0f172a,#1e293b)}.blog-container{background:#1e293b;box-shadow:0 4px 6px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(148,163,184,.1)}.blog-title{color:#f1f5f9}.blog-paragraph{color:#cbd5e1}.blog-paragraph:first-of-type{color:#e2e8f0}.blog-paragraph strong{color:#60a5fa}.blog-heading{color:#f1f5f9}.blog-list li{color:#cbd5e1;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(147,51,234,.08));border-left-color:#3b82f6}.blog-list li:hover{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(147,51,234,.12))}.blog-cta{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(147,51,234,.1));border-color:rgba(96,165,250,.3)}}@media print{.blog-main{background:#fff;padding:0}.blog-container{box-shadow:none;border-radius:0;max-width:100%}.blog-button,.blog-cta:before{display:none}.blog-heading,.blog-paragraph,.blog-title{color:#000!important}.blog-list li{background:none;border-left:2px solid #333}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.blog-button:focus-visible{outline:3px solid #2563eb;outline-offset:4px}::selection{background:rgba(37,99,235,.2);color:#1e293b}::-moz-selection{background:rgba(37,99,235,.2);color:#1e293b}