.blog-page{--bg-main:#fff;--bg-cool:#f8fafc;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--premium:#c5a059;--premium-hover:#a6823f;--premium-light:#faf6f0;--premium-deep:#c7863d;--color-white:#fff;--bg-cool-2:#f1f5f9;--border:#00000014;--border-light:#0000000d;--shadow-sm:0 4px 12px #0000000a;--shadow-md:0 10px 24px -10px #00000014;--shadow-lg:0 20px 40px -15px #0000001f;--radius:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .4s cubic-bezier(.16, 1, .3, 1);font-family:var(--font-outfit), sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-main);color:var(--text-main);line-height:1.6}.blog-page .container{max-width:1440px;margin:0 auto;padding:0 32px}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4{font-family:var(--font-outfit), sans-serif;letter-spacing:-.02em;font-weight:700}.blog-hero{background:linear-gradient(135deg, var(--bg-main) 0%, var(--bg-cool) 50%, var(--bg-cool-2) 100%);text-align:center;border-bottom:1px solid #0f172a0d;padding:80px 0 72px;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#c5a05917 0%,#0000 45%),radial-gradient(circle at 80%,#4f6d8c0d 0%,#0000 45%);position:absolute;inset:0}.blog-hero h1{color:var(--text-main);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;position:relative}.blog-hero h1 span{background:linear-gradient(135deg, var(--premium) 0%, var(--premium-deep) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;position:relative}.blog-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.blog-filter-pill{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:.875rem;font-weight:600;font-family:var(--font-outfit), sans-serif;align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.blog-filter-pill:hover{border-color:var(--premium);color:var(--premium);background:var(--premium-light)}.blog-filter-pill.active{background:var(--text-main);border-color:var(--text-main);color:#fff}.blog-filter-count{background:#ffffff2e;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.blog-filter-pill:not(.active) .blog-filter-count{background:var(--bg-cool-2);color:var(--text-muted)}.blog-filter-result{color:var(--text-muted);margin-bottom:32px;font-size:.85rem;font-weight:500}.blog-filter-empty{text-align:center;color:var(--text-muted);padding:80px 0;font-size:1rem}.blog-list-section{background:var(--bg-main);padding:96px 0}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-main);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:#c5a05933;transform:translateY(-6px)}.blog-card-img{aspect-ratio:16/9;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{align-items:center;gap:16px;margin-bottom:12px;display:flex}.blog-card-date,.blog-card-read{color:var(--text-muted);font-size:.8rem;font-weight:500}.blog-card-cat{background:var(--premium-light);color:var(--premium-hover);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #c5a05940;padding:2px 8px;font-size:.725rem;font-weight:600}.blog-page .blog-card-body h2{color:var(--text-main);-webkit-text-fill-color:var(--text-main);background:0 0;margin-bottom:8px;font-size:1.2rem;font-weight:700;line-height:1.3}.blog-card-body h2 span{-webkit-text-fill-color:var(--text-main);background:0 0}.blog-card-body p{color:var(--text-muted);flex:1;font-size:.9rem;line-height:1.6}.blog-card-cta{color:var(--premium);transition:var(--transition);margin-top:16px;font-size:.9rem;font-weight:600;display:inline-block}.blog-card:hover .blog-card-cta{color:var(--premium-hover)}.blog-cta-section{background:var(--bg-main);padding:0 0 80px}.blog-cta-banner{background:var(--text-main);border-radius:var(--radius-lg);text-align:center;color:var(--color-white);padding:64px;position:relative;overflow:hidden}.blog-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#c5a0591f 0%,#0000 65%);width:400px;height:400px;position:absolute;top:-40%;right:-10%}.blog-cta-banner h2{color:var(--color-white);-webkit-text-fill-color:var(--color-white);background:0 0;margin-bottom:12px;font-size:2.2rem;font-weight:900;position:relative}.blog-cta-banner p{color:#ffffffb3;margin-bottom:28px;font-size:1.1rem;position:relative}.blog-cta-btn{background:linear-gradient(135deg, var(--premium) 0%, var(--premium-hover) 100%);color:var(--color-white);border-radius:var(--radius-full);transition:var(--transition);align-items:center;gap:8px;padding:16px 40px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 12px 28px -10px #c5a05973}.blog-cta-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px #c5a0598c}.blog-breadcrumb{background:var(--bg-cool);border-bottom:1px solid var(--border-light);padding:14px 0;font-size:.85rem}.blog-breadcrumb .container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-breadcrumb a{color:var(--text-secondary);transition:var(--transition);font-weight:500;text-decoration:none}.blog-breadcrumb a:hover{color:var(--premium)}.blog-breadcrumb span{color:var(--text-muted)}.blog-breadcrumb .current{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-weight:500;overflow:hidden}.blog-article{background:var(--bg-main);padding:60px 0 80px}.blog-article-inner{max-width:800px;margin:0 auto}.blog-article-header{text-align:center;margin-bottom:40px}.blog-article-meta{justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:flex}.blog-article-meta span{color:var(--text-muted);font-size:.85rem;font-weight:500}.blog-article-header h1{color:var(--text-main);margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2}.blog-article-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.blog-article-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:48px;overflow:hidden}.blog-article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.toc-box{background:var(--bg-cool);border:1px solid var(--border);border-left:3px solid var(--premium);border-radius:var(--radius);margin:0 0 40px;padding:20px 24px}.toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px;font-size:.8rem;font-weight:700}.toc-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.toc-item a{color:var(--text-secondary);border-radius:4px;padding:3px 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s;display:block}.toc-item a:hover{color:var(--premium)}.toc-item--sub a{color:var(--text-muted);padding-left:16px;font-size:.85rem;font-weight:400}.toc-item--active a{font-weight:700;color:var(--premium)!important}.prose{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.prose h2{color:var(--text-main);-webkit-text-fill-color:var(--text-main);background:0 0;margin-top:48px;margin-bottom:16px;font-size:1.6rem;font-weight:700}.prose h2 span{-webkit-text-fill-color:var(--text-main);background:0 0}.prose h3{color:var(--text-main);margin-top:32px;margin-bottom:12px;font-size:1.25rem;font-weight:700}.prose p{color:var(--text-secondary);margin-bottom:20px}.prose a{color:var(--premium);text-underline-offset:3px;transition:var(--transition);text-decoration:underline}.prose a:hover{color:var(--premium-hover)}.prose ul,.prose ol{margin-bottom:20px;padding-left:24px}.prose li{color:var(--text-secondary);margin-bottom:8px}.prose li strong{color:var(--text-main)}.prose strong{color:var(--text-main);font-weight:700}.prose table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:12px 16px}.prose th{background:var(--bg-cool);color:var(--text-main);font-weight:700}.prose td{color:var(--text-secondary)}.prose em{color:var(--text-muted);font-style:italic}.share-box{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin:48px 0 32px;padding:20px 0;display:flex}.share-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.85rem;font-weight:700}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.share-btn{border-radius:var(--radius-full);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-outfit), sans-serif;border:none;align-items:center;gap:6px;padding:8px 14px;line-height:1;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.share-btn:hover{opacity:.85;transform:translateY(-1px)}.share-btn--twitter{color:#fff;background:#000}.share-btn--facebook{color:#fff;background:#1877f2}.share-btn--whatsapp{color:#fff;background:#25d366}.share-btn--copy{background:var(--bg-cool-2);color:var(--text-secondary);border:1.5px solid var(--border)}.blog-author-box{background:var(--bg-cool);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:16px;margin-top:48px;padding:24px;display:flex}.blog-author-avatar{border-radius:var(--radius-full);background:var(--text-main);width:52px;height:52px;color:var(--premium);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.blog-author-info{flex-direction:column;gap:4px;display:flex}.blog-author-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.blog-author-name{color:var(--text-main);font-size:1rem}.blog-author-bio{color:var(--text-secondary);margin:0 0 8px;font-size:.9rem;line-height:1.5}.blog-author-meta{color:var(--text-muted);margin:0;font-size:.825rem;line-height:1.5}.blog-author-meta a{color:var(--premium);transition:var(--transition);font-weight:600;text-decoration:none}.blog-author-meta a:hover{text-decoration:underline}.blog-author-meta time{color:var(--text-secondary)}.blog-article-callout{background:var(--premium-light);border:1px solid color-mix(in srgb, var(--premium) 30%, transparent);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;margin:32px 0 40px;padding:24px 28px;display:flex;box-shadow:0 4px 16px #c5a05914}.blog-callout-content{flex:1;min-width:260px}.blog-callout-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--premium-hover);align-items:center;gap:6px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:inline-flex}.blog-callout-dot{border-radius:var(--radius-full);background:var(--premium);width:7px;height:7px}.blog-callout-title{color:var(--text-main);margin:0 0 6px;font-size:1.08rem;font-weight:700;line-height:1.4}.blog-callout-title strong{color:var(--premium-hover)}.blog-callout-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.blog-callout-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.blog-callout-btn{background:linear-gradient(135deg, var(--premium) 0%, var(--premium-hover) 100%);color:var(--color-white);border-radius:var(--radius-full);transition:var(--transition);white-space:nowrap;align-items:center;padding:11px 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px -4px #c5a05966}.blog-callout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #c5a0598c}.blog-callout-link{color:var(--text-secondary);text-underline-offset:3px;transition:var(--transition);white-space:nowrap;font-size:.88rem;font-weight:600;text-decoration:underline}.blog-callout-link:hover{color:var(--premium-hover)}.blog-article-cta{background:var(--text-main);border-radius:var(--radius-lg);text-align:center;color:var(--color-white);margin-top:60px;padding:48px 36px;position:relative;overflow:hidden}.blog-article-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#c5a0591f 0%,#0000 65%);width:300px;height:300px;position:absolute;top:-40%;right:-10%}.blog-cta-pill{border-radius:var(--radius-full);color:var(--premium-light-gold);letter-spacing:.02em;background:#c5a05926;border:1px solid #c5a0594d;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.blog-article-cta h3{color:var(--color-white);margin-bottom:10px;font-size:1.65rem;font-weight:800;position:relative}.blog-article-cta p{color:#ffffffc7;max-width:580px;margin:0 auto 28px;font-size:1.02rem;line-height:1.6;position:relative}.blog-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:28px;display:flex;position:relative}.blog-cta-sublink{color:#ffffffd9;text-underline-offset:4px;transition:var(--transition);font-size:.95rem;font-weight:600;text-decoration:underline}.blog-cta-sublink:hover{color:var(--color-white)}.blog-cta-perks{color:#ffffff8c;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding-top:20px;font-size:.85rem;display:flex;position:relative}.blog-cta-perks span{align-items:center;gap:4px;display:inline-flex}.blog-related{background:var(--bg-cool);padding:96px 0}.blog-related h2{text-align:center;color:var(--text-main);letter-spacing:-.02em;margin-bottom:40px}.blog-related-categories{padding:96px 0}.blog-related-categories h2{text-align:center;color:var(--text-main);letter-spacing:-.02em;margin-bottom:40px}.blog-related-categories h2 span{background:linear-gradient(135deg, var(--premium) 0%, var(--premium-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-related-categories .cat-related-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.blog-related-categories .cat-related-card{color:var(--text-main);border:2px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:var(--bg-surface);text-decoration:none;display:block;overflow:hidden}.blog-related-categories .cat-related-card:hover{box-shadow:var(--shadow-lg);border-color:var(--premium-hover);transform:translateY(-4px)}.blog-related-categories .cat-related-card-img img{object-fit:cover;width:100%;height:140px;display:block}.blog-related-categories .cat-related-card-body{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.blog-related-categories .cat-related-card-body strong{color:var(--text-main);font-size:.9rem}.blog-related-categories .cat-related-card-body span{color:var(--premium);white-space:nowrap;font-size:.82rem;font-weight:600}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-related-categories .cat-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-page .container{padding:0 16px}.blog-hero{padding:56px 0}.blog-hero h1{font-size:2rem}.blog-hero p{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-related-categories .cat-related-grid{grid-template-columns:1fr}.blog-list-section{padding:56px 0}.blog-cta-banner{padding:40px 24px}.blog-cta-banner h2{font-size:1.6rem}.blog-article{padding:40px 0 60px}.blog-article-header h1{font-size:1.6rem}.blog-article-callout{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px}.blog-callout-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.blog-callout-btn{text-align:center;justify-content:center}.blog-callout-link{text-align:center}.blog-article-cta{padding:32px 20px}.blog-cta-actions{flex-direction:column;gap:14px}.blog-cta-perks{flex-direction:column;gap:8px}.blog-article-meta{flex-wrap:wrap;gap:12px}.blog-related{padding:56px 0}.blog-breadcrumb .current{max-width:200px}}.blog-reading-bar{z-index:100;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.blog-reading-bar-fill{background:linear-gradient(90deg, var(--premium-light-gold), var(--premium));height:100%;transition:width 80ms linear}.blog-reading-pill{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-secondary);z-index:100;opacity:1;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;position:fixed;bottom:80px;right:20px;transform:translateY(0)}.blog-reading-pill svg{color:var(--premium)}.blog-reading-pill.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}@media (max-width:480px){.blog-reading-pill{padding:7px 12px;font-size:.78rem;bottom:12px;right:12px}.blog-hero{padding:40px 0}.blog-hero h1{font-size:1.6rem}.blog-card-body{padding:16px}.blog-page .blog-card-body h2{font-size:1.05rem}.blog-article-cta{padding:28px 20px}.blog-article-cta h3{font-size:1.2rem}.prose h2{margin-top:36px;font-size:1.3rem}.prose h3{font-size:1.1rem}.prose{font-size:1rem}}.blog-faq-section{border-top:1px solid var(--border);margin-top:48px;margin-bottom:48px;padding-top:32px}.blog-faq-title{color:var(--text-main);margin-bottom:24px;font-size:1.5rem;font-weight:700}.blog-faq-list{flex-direction:column;gap:12px;display:flex}.blog-faq-item{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-cool);transition:var(--transition);overflow:hidden}.blog-faq-item[open]{background-color:var(--bg-main);box-shadow:var(--shadow-sm);border-color:#c5a0594d}.blog-faq-question{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.blog-faq-question::-webkit-details-marker{display:none}.blog-faq-icon{color:var(--premium);font-size:1.1rem;transition:transform .2s}.blog-faq-item[open] .blog-faq-icon{transform:rotate(180deg)}.blog-faq-answer{color:var(--text-secondary);padding:0 20px 16px;font-size:.95rem;line-height:1.6}
