#page-blog *, #page-blog *::before, #page-blog *::after {box-sizing:border-box !important;margin:0 !important;padding:0 !important;}
#page-blog {--navy:#0a2342 !important;--blue:#1565c0 !important;--sky:#00c8ff !important;--accent:#ff6b35 !important;--white:#fff !important;--off:#f8faff !important;--pale:#eef3fb !important;--border:#dde6f5 !important;--text:#111827 !important;--muted:#6b7280 !important;--grad:linear-gradient(135deg,#0a2342 0%,#1565c0 60%,#00c8ff 100%) !important;--sh1:0 2px 12px rgba(10,35,66,.08) !important;--sh2:0 8px 40px rgba(10,35,66,.14) !important;--r:12px !important;--rs:6px !important;}
#page-blog {scroll-behavior:smooth !important;font-size:16px !important;overflow-x:hidden !important;}
#page-blog {font-family:"Inter",sans-serif !important;color:var(--text) !important;background:var(--off) !important;-webkit-font-smoothing:antialiased !important;}
#page-blog .wrap {max-width:1280px !important;margin:0 auto !important;padding:0 40px !important;}
#page-blog h1, #page-blog h2, #page-blog h3 {font-family:"Playfair Display",Georgia,serif !important;}
#page-blog .topbar {background:var(--navy) !important;padding:11px 0 !important;}
#page-blog .topbar .wrap {display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;}
#page-blog .tb-brand {font-family:"Playfair Display",serif !important;font-size:17px !important;font-weight:700 !important;color:#fff !important;text-decoration:none !important;}
#page-blog .tb-link {display:inline-flex !important;align-items:center !important;gap:7px !important;color:rgba(255,255,255,.6) !important;font-size:13px !important;font-weight:500 !important;text-decoration:none !important;transition:color .2s !important;}
#page-blog .tb-link:hover {color:var(--sky) !important;}
#page-blog .hero {position:relative !important;min-height:520px !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;background: #000;}
#page-blog #hero-canvas {position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;display:block !important;z-index:0 !important;}
#page-blog .hero-overlay {position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:rgba(4,10,22,.78) !important;}
#page-blog .hero-content {position:relative !important;z-index:2 !important;width:100% !important;max-width:820px !important;margin:0 auto !important;padding:90px 48px !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;}
#page-blog .hero-badge {display:inline-flex !important;align-items:center !important;gap:8px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.25) !important;color:#fff !important;padding:7px 18px !important;border-radius:50px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.8px !important;text-transform:uppercase !important;margin-bottom:22px !important;backdrop-filter:blur(8px) !important;animation:fadeUp .6s .1s both !important;}
#page-blog .hero-badge i {color:var(--sky) !important;}
#page-blog .hero-content h1, #page-blog .hero-content h2 {font-size:clamp(28px,3.8vw,52px) !important;font-weight:900 !important;color:#fff !important;line-height:1.15 !important;margin-bottom:18px !important;animation:fadeUp .6s .2s both !important;font-family:"Playfair Display",Georgia,serif !important;}
#page-blog .hero-content h1 span, #page-blog .hero-content h2 span {color:var(--sky) !important;}
#page-blog .hero-desc {font-size:15px !important;color:rgba(255,255,255,.80) !important;max-width:640px !important;line-height:1.85 !important;margin-bottom:34px !important;animation:fadeUp .6s .3s both !important;}
#page-blog .hero-cta-row {display:flex !important;gap:14px !important;flex-wrap:wrap !important;margin-bottom:0 !important;justify-content:center !important;animation:fadeUp .6s .4s both !important;}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#page-blog .btn-p {display:inline-flex !important;align-items:center !important;gap:9px !important;background:var(--sky) !important;color:var(--navy) !important;padding:13px 28px !important;border-radius:8px !important;font-size:14px !important;font-weight:800 !important;text-decoration:none !important;transition:transform .2s,box-shadow .2s !important;box-shadow:0 4px 20px rgba(0,200,255,.35) !important;}
#page-blog .btn-p:hover {transform:translateY(-3px) !important;box-shadow:0 8px 28px rgba(0,200,255,.5) !important;}
#page-blog .btn-g {display:inline-flex !important;align-items:center !important;gap:9px !important;background:transparent !important;color:#fff !important;border:2px solid rgba(255,255,255,.45) !important;padding:13px 28px !important;border-radius:8px !important;font-size:14px !important;font-weight:700 !important;text-decoration:none !important;transition:all .2s !important;backdrop-filter:blur(4px) !important;}
#page-blog .btn-g:hover {border-color:#fff !important;background:rgba(255,255,255,.10) !important;}
#page-blog .topic-strip {background:#fff !important;border-bottom:2px solid var(--border) !important;padding:0 !important;position:sticky !important;top:0 !important;z-index:100 !important;box-shadow:0 2px 16px rgba(10,35,66,.07) !important;}
#page-blog .topic-strip .wrap {display:flex !important;align-items:stretch !important;gap:0 !important;overflow-x:auto !important;scrollbar-width:none !important;}
#page-blog .topic-strip .wrap::-webkit-scrollbar {display:none !important;}
#page-blog .topic-strip-label {font-size:11px !important;font-weight:700 !important;color:var(--muted) !important;text-transform:uppercase !important;letter-spacing:1px !important;padding:0 24px 0 0 !important;display:flex !important;align-items:center !important;white-space:nowrap !important;border-right:1px solid var(--border) !important;margin-right:4px !important;flex-shrink:0 !important;}
#page-blog .tp-pill {display:inline-flex !important;align-items:center !important;gap:7px !important;padding:16px 20px !important;font-size:13px !important;font-weight:600 !important;color:var(--muted) !important;text-decoration:none !important;white-space:nowrap !important;border-bottom:3px solid transparent !important;transition:all .2s !important;flex-shrink:0 !important;}
#page-blog .tp-pill:hover, #page-blog .tp-pill.active {color:var(--blue) !important;border-bottom-color:var(--blue) !important;background:var(--pale) !important;}
#page-blog .tp-pill i {font-size:12px !important;}
#page-blog .tp-pill.all {color:var(--navy) !important;font-weight:700 !important;}
#page-blog .tp-pill.all:hover, #page-blog .tp-pill.all.active {color:var(--sky) !important;border-bottom-color:var(--sky) !important;background:var(--navy) !important;}
#page-blog .stats-bar {background:var(--navy) !important;padding:56px 0 !important;position:relative !important;overflow:hidden !important;}
#page-blog .stats-bar::before {content:"" !important;position:absolute !important;inset:0 !important;background-image:linear-gradient(rgba(0,200,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,255,.04) 1px,transparent 1px) !important;background-size:52px 52px !important;}
#page-blog .stats-row {display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:32px !important;position:relative !important;z-index:1 !important;text-align:center !important;}
#page-blog .stat-n {font-family:"Playfair Display",serif !important;font-size:44px !important;font-weight:700 !important;color:var(--sky) !important;line-height:1 !important;}
#page-blog .stat-l {font-size:12px !important;font-weight:500 !important;color:rgba(255,255,255,.4) !important;text-transform:uppercase !important;letter-spacing:.7px !important;margin-top:8px !important;}
#page-blog .page-body {padding:72px 0 80px !important;}
#page-blog .page-body .wrap {display:grid !important;grid-template-columns:1fr 320px !important;gap:48px !important;align-items:start !important;}
#page-blog .main-col {}
#page-blog .sec-label {display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--pale) !important;border:1px solid var(--border) !important;color:var(--blue) !important;padding:6px 16px !important;border-radius:50px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:1px !important;text-transform:uppercase !important;margin-bottom:16px !important;}
#page-blog .sec-title {font-family:"Playfair Display",serif !important;font-size:clamp(26px,3vw,40px) !important;font-weight:800 !important;color:var(--navy) !important;margin-bottom:10px !important;}
#page-blog .sec-sub {font-size:15px !important;color:var(--muted) !important;margin-bottom:52px !important;max-width:600px !important;line-height:1.75 !important;}
#page-blog .topics-grid {display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:24px !important;}
#page-blog .topic-card {background:var(--white) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;overflow:hidden !important;box-shadow:var(--sh1) !important;transition:transform .3s,box-shadow .3s !important;text-decoration:none !important;display:flex !important;flex-direction:column !important;}
#page-blog .topic-card:hover {transform:translateY(-6px) !important;box-shadow:var(--sh2) !important;}
#page-blog .tc-hero {height:170px !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:flex-end !important;}
#page-blog .tc-hero-bg {position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;transition:transform .4s !important;}
#page-blog .topic-card:hover .tc-hero-bg {transform:scale(1.07) !important;}
#page-blog .tc-hero-ov {position:absolute !important;inset:0 !important;}
#page-blog .tc-hero-inner {position:relative !important;z-index:1 !important;padding:18px 20px !important;}
#page-blog .tc-badge {display:inline-flex !important;align-items:center !important;gap:7px !important;background:rgba(255,255,255,.18) !important;border:1px solid rgba(255,255,255,.3) !important;color:#fff !important;padding:5px 14px !important;border-radius:50px !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.7px !important;text-transform:uppercase !important;backdrop-filter:blur(8px) !important;margin-bottom:7px !important;}
#page-blog .tc-title {font-family:"Playfair Display",serif !important;font-size:16px !important;font-weight:800 !important;color:#fff !important;line-height:1.3 !important;}
#page-blog .tc-body {padding:18px 20px !important;flex:1 !important;display:flex !important;flex-direction:column !important;}
#page-blog .tc-desc {font-size:13px !important;color:var(--muted) !important;line-height:1.75 !important;margin-bottom:14px !important;flex:1 !important;}
#page-blog .tc-meta {display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:8px !important;}
#page-blog .tc-count {font-size:12px !important;color:var(--muted) !important;display:flex !important;align-items:center !important;gap:6px !important;}
#page-blog .tc-count i {color:var(--blue) !important;font-size:11px !important;}
#page-blog .tc-btn {display:inline-flex !important;align-items:center !important;gap:7px !important;background:var(--navy) !important;color:#fff !important;padding:7px 16px !important;border-radius:var(--rs) !important;font-size:12px !important;font-weight:600 !important;transition:background .2s !important;}
#page-blog .topic-card:hover .tc-btn {background:var(--blue) !important;}
#page-blog .topic-card.wide {grid-column:1/-1 !important;}
#page-blog .topic-card.wide .tc-hero {height:190px !important;}
#page-blog .sidebar {display:flex !important;flex-direction:column !important;gap:28px !important;position:sticky !important;top:76px !important;}
#page-blog .sb-card {background:var(--white) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;overflow:hidden !important;box-shadow:var(--sh1) !important;}
#page-blog .sb-head {padding:16px 20px 14px !important;border-bottom:1px solid var(--border) !important;display:flex !important;align-items:center !important;gap:9px !important;}
#page-blog .sb-head-icon {width:32px !important;height:32px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important;flex-shrink:0 !important;}
#page-blog .sb-head h3 {font-family:"Inter",sans-serif !important;font-size:13px !important;font-weight:700 !important;color:var(--navy) !important;text-transform:uppercase !important;letter-spacing:.6px !important;}
#page-blog .sb-body {padding:18px 20px !important;}
#page-blog .sb-cta {background:var(--grad) !important;border:none !important;}
#page-blog .sb-cta .sb-head {border-bottom:1px solid rgba(255,255,255,.15) !important;}
#page-blog .sb-cta .sb-head-icon {background:rgba(255,255,255,.15) !important;color:#fff !important;}
#page-blog .sb-cta .sb-head h3 {color:rgba(255,255,255,.85) !important;}
#page-blog .sb-cta .sb-body {padding:22px 20px !important;}
#page-blog .sb-cta h4 {font-family:"Playfair Display",serif !important;font-size:18px !important;font-weight:800 !important;font-style:italic !important;color:#fff !important;margin-bottom:10px !important;line-height:1.3 !important;}
#page-blog .sb-cta p {font-size:13px !important;color:rgba(255,255,255,.72) !important;line-height:1.7 !important;margin-bottom:18px !important;}
#page-blog .sb-cta-btn {display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:#fff !important;color:var(--navy) !important;padding:12px 20px !important;border-radius:var(--rs) !important;font-size:13.5px !important;font-weight:700 !important;text-decoration:none !important;transition:transform .2s,box-shadow .2s !important;margin-bottom:10px !important;}
#page-blog .sb-cta-btn:hover {transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(0,0,0,.18) !important;}
#page-blog .sb-cta-btn2 {display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:rgba(255,255,255,.12) !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.3) !important;padding:11px 20px !important;border-radius:var(--rs) !important;font-size:13px !important;font-weight:600 !important;text-decoration:none !important;transition:all .2s !important;}
#page-blog .sb-cta-btn2:hover {background:rgba(255,255,255,.2) !important;}
#page-blog .sb-cta-trust {display:flex !important;align-items:center !important;gap:6px !important;justify-content:center !important;margin-top:14px !important;font-size:11px !important;color:rgba(255,255,255,.5) !important;}
#page-blog .sb-cta-trust i {color:rgba(0,200,255,.7) !important;font-size:10px !important;}
#page-blog .sb-topics-list {list-style:none !important;}
#page-blog .sb-topics-list li {border-bottom:1px solid var(--border) !important;}
#page-blog .sb-topics-list li:last-child {border-bottom:none !important;}
#page-blog .sb-topics-list a {display:flex !important;align-items:center !important;gap:10px !important;padding:11px 0 !important;font-size:13.5px !important;font-weight:500 !important;color:var(--text) !important;text-decoration:none !important;transition:color .2s !important;}
#page-blog .sb-topics-list a:hover {color:var(--blue) !important;}
#page-blog .sb-topics-list .tl-icon {width:28px !important;height:28px !important;border-radius:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;flex-shrink:0 !important;}
#page-blog .sb-topics-list .tl-name {flex:1 !important;}
#page-blog .sb-topics-list .tl-count {font-size:11px !important;color:var(--muted) !important;background:var(--pale) !important;padding:2px 8px !important;border-radius:50px !important;flex-shrink:0 !important;}
#page-blog .seo-widget {}
#page-blog .seo-kw {display:flex !important;flex-wrap:wrap !important;gap:7px !important;margin-bottom:14px !important;}
#page-blog .seo-kw span {background:var(--pale) !important;border:1px solid var(--border) !important;color:var(--blue) !important;padding:4px 12px !important;border-radius:50px !important;font-size:11.5px !important;font-weight:600 !important;cursor:default !important;transition:all .2s !important;}
#page-blog .seo-kw span:hover {background:var(--blue) !important;color:#fff !important;border-color:var(--blue) !important;}
#page-blog .seo-snippet {background:var(--pale) !important;border-left:3px solid var(--blue) !important;padding:12px 14px !important;border-radius:0 var(--rs) var(--rs) 0 !important;margin-bottom:12px !important;}
#page-blog .seo-snippet p {font-size:12.5px !important;color:var(--muted) !important;line-height:1.65 !important;}
#page-blog .seo-meta {display:flex !important;flex-direction:column !important;gap:7px !important;}
#page-blog .seo-row {display:flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;color:var(--muted) !important;}
#page-blog .seo-row i {color:var(--blue) !important;width:14px !important;text-align:center !important;font-size:11px !important;}
#page-blog .seo-row strong {color:var(--text) !important;}
#page-blog .nl-desc {font-size:13px !important;color:var(--muted) !important;line-height:1.65 !important;margin-bottom:14px !important;}
#page-blog .nl-form {display:flex !important;flex-direction:column !important;gap:8px !important;}
#page-blog .nl-input {border:1.5px solid var(--border) !important;border-radius:var(--rs) !important;padding:10px 14px !important;font-size:13px !important;font-family:"Inter",sans-serif !important;color:var(--text) !important;outline:none !important;transition:border-color .2s !important;}
#page-blog .nl-input:focus {border-color:var(--blue) !important;}
#page-blog .nl-btn {background:var(--navy) !important;color:#fff !important;border:none !important;border-radius:var(--rs) !important;padding:11px 14px !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;transition:background .2s !important;font-family:"Inter",sans-serif !important;}
#page-blog .nl-btn:hover {background:var(--blue) !important;}
#page-blog .nl-fine {font-size:11px !important;color:var(--muted) !important;text-align:center !important;margin-top:4px !important;}
#page-blog .trust-grid {display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;}
#page-blog .trust-item {display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:12px 8px !important;background:var(--pale) !important;border-radius:var(--rs) !important;border:1px solid var(--border) !important;}
#page-blog .trust-item i {font-size:20px !important;color:var(--blue) !important;margin-bottom:6px !important;}
#page-blog .trust-item strong {font-size:13px !important;font-weight:700 !important;color:var(--navy) !important;display:block !important;}
#page-blog .trust-item span {font-size:10.5px !important;color:var(--muted) !important;}
#page-blog .cta-sec {padding:72px 0 !important;background:var(--off) !important;}
#page-blog .cta-box {background:var(--grad) !important;border-radius:var(--r) !important;padding:70px 60px !important;text-align:center !important;position:relative !important;overflow:hidden !important;}
#page-blog .cta-box h2 {font-family:"Playfair Display",serif !important;font-size:clamp(28px,4vw,46px) !important;font-weight:800 !important;font-style:italic !important;color:#fff !important;margin-bottom:14px !important;position:relative !important;z-index:1 !important;}
#page-blog .cta-box p {font-size:16px !important;color:rgba(255,255,255,.76) !important;margin-bottom:36px !important;max-width:520px !important;margin-left:auto !important;margin-right:auto !important;line-height:1.78 !important;position:relative !important;z-index:1 !important;}
#page-blog .cta-btns {display:flex !important;justify-content:center !important;gap:16px !important;flex-wrap:wrap !important;position:relative !important;z-index:1 !important;}
#page-blog .btn-cw {background:#fff !important;color:var(--navy) !important;padding:15px 36px !important;border-radius:var(--rs) !important;text-decoration:none !important;font-size:15px !important;font-weight:700 !important;transition:transform .25s,box-shadow .25s !important;}
#page-blog .btn-cw:hover {transform:translateY(-3px) !important;box-shadow:0 12px 32px rgba(0,0,0,.22) !important;}
#page-blog .btn-co {background:transparent !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.42) !important;padding:14px 34px !important;border-radius:var(--rs) !important;text-decoration:none !important;font-size:15px !important;font-weight:600 !important;transition:all .25s !important;}
#page-blog .btn-co:hover {background:rgba(255,255,255,.12) !important;}
#page-blog .fbar {background:var(--navy) !important;padding:26px 0 !important;}
#page-blog .fbar .wrap {display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:16px !important;}
#page-blog .fb-brand {font-family:"Playfair Display",serif !important;font-size:18px !important;font-weight:700 !important;color:#fff !important;}
#page-blog .fb-links {display:flex !important;gap:28px !important;flex-wrap:wrap !important;}
#page-blog .fb-link {display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;color:rgba(255,255,255,.55) !important;}
#page-blog .fb-link i {color:var(--sky) !important;}
#page-blog .fb-link a {color:inherit !important;text-decoration:none !important;transition:color .2s !important;}
#page-blog .fb-link a:hover {color:var(--sky) !important;}
@media (max-width:1024px){
  #page-blog .page-body .wrap {grid-template-columns:1fr !important;gap:40px !important;}
  #page-blog .sidebar {position:static !important;top:auto !important;flex-direction:row !important;flex-wrap:wrap !important;}
  #page-blog .sidebar .sb-card {flex:1 1 280px !important;}
  #page-blog .topics-grid {grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:768px){
  #page-blog .topic-strip .wrap {padding:0 16px !important;}
  #page-blog .topic-strip-label {display:none !important;}
  #page-blog .sidebar {flex-direction:column !important;}
  #page-blog .sidebar .sb-card {flex:1 1 100% !important;}
}
@media (max-width:640px){
  #page-blog .wrap {padding:0 20px !important;}
  #page-blog .topics-grid {grid-template-columns:1fr !important;}
  #page-blog .hero {min-height:480px !important;}
  #page-blog .hero-content {padding:60px 20px !important;}
  #page-blog .hero-cta-row {flex-direction:column !important;align-items:center !important;}
  #page-blog .stats-row {grid-template-columns:1fr 1fr !important;}
  #page-blog .cta-box {padding:48px 22px !important;}
  #page-blog .trust-grid {grid-template-columns:1fr 1fr !important;}
}