.post-page{--primary:#243b8e;--primary-light:#3b5bdb;--secondary:#21c58e;--secondary-dark:#1aab78;--bg:#f7f8fd;--surface:#fff;--text:#1f2937;--text-2:#374151;--text-3:#4b5563;--text-muted:#6b7280;--border:#e5e7eb;--accent-bg:#eef2ff;--accent-border:#c7d2fe;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--radius-xs:8px;font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;color:var(--text);background:linear-gradient(180deg,#eaecf5 0,var(--bg) 18%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.post-page .progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--secondary);z-index:1000;width:0;transition:width .12s linear;border-radius:0 2px 2px 0}.post-page .hero{position:relative;width:100%;height:400px;overflow:hidden}@media (min-width:840px){.post-page .hero{height:500px}}.post-page .hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.post-page .hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#080f2a80 0,#080f2a2e 40%,#080f2a0d)}.post-page article{max-width:760px;margin:-2rem auto 0;padding:2.5rem 1.5rem 4rem;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;z-index:1}@media (min-width:840px){.post-page article{padding:3.5rem 3.5rem 5rem;margin-top:-3rem;border-radius:var(--radius-lg);margin-bottom:3rem;box-shadow:0 4px 32px #243b8e12,0 1px 4px #00000008}}.post-page .breadcrumb{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;background:none;padding:0;border-radius:0}.post-page .breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.post-page .breadcrumb a:hover{color:var(--primary)}.post-page .breadcrumb span{margin:0 .4rem}.post-page article h1{font-family:var(--font-display);font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;line-height:1.12;color:var(--text);letter-spacing:-.03em;margin-bottom:.6rem}.post-page .publish-date{font-size:.88rem;color:var(--text-muted);margin-bottom:2rem}.post-page article h2{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700;line-height:1.25;color:var(--text);margin-top:3.5rem;margin-bottom:1.25rem;padding-top:.5rem;letter-spacing:-.015em}.post-page article h2:before{content:"";display:block;width:40px;height:3px;background:var(--secondary);border-radius:2px;margin-bottom:.85rem}.post-page article h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text);margin-top:2rem;margin-bottom:.65rem;letter-spacing:-.01em}.post-page article h4{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-2);margin-top:1.5rem;margin-bottom:.5rem}.post-page article p{margin-bottom:1.15rem;color:var(--text-3)}.post-page article a{color:var(--primary);text-decoration:underline;text-decoration-color:#243b8e40;text-underline-offset:3px;transition:text-decoration-color .2s,color .2s}.post-page article a:hover{text-decoration-color:var(--primary)}.post-page article strong{font-weight:600;color:var(--text)}.post-page article ul{list-style:none;margin:.5rem 0 1.35rem;padding-left:0;color:var(--text-3)}.post-page article ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem}.post-page article ul li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--primary);border-radius:50%}.post-page article ol{list-style:none;padding-left:0;margin:.75rem 0 1.5rem;counter-reset:step-counter;color:var(--text-3)}.post-page article ol[start="6"]{counter-reset:step-counter 5}.post-page article ol[start="9"]{counter-reset:step-counter 8}.post-page article ol[start="13"]{counter-reset:step-counter 12}.post-page article ol>li{counter-increment:step-counter;position:relative;padding-left:3.5rem;margin-bottom:1.15rem;min-height:2.2rem}.post-page article ol>li:before{content:counter(step-counter);position:absolute;left:0;top:.1em;width:2.2rem;height:2.2rem;background:var(--accent-bg);color:var(--primary);border:2px solid var(--accent-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;font-family:var(--font-body);flex-shrink:0}.post-page article table{width:100%;border-collapse:initial;border-spacing:0;font-size:.92rem;line-height:1.5}.post-page article thead th{background:var(--accent-bg);color:var(--text);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;padding:.75rem 1rem;text-align:left;border-bottom:2px solid var(--accent-border);white-space:nowrap}.post-page article tbody td{padding:.7rem 1rem;color:var(--text-3);border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}.post-page article tbody tr:last-child td{border-bottom:none}.post-page article tbody tr:hover{background:#243b8e05}.post-page article tbody td strong{color:var(--text);font-weight:600}.post-page .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0 2rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.post-page .table-wrap table{min-width:680px;margin:0;border:none;border-radius:0}.post-page .table-compact{overflow:visible;margin:1.5rem 0 2rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.post-page .table-compact table{min-width:0}.post-page .table-compact tbody td{white-space:normal}.post-page article blockquote{background:linear-gradient(145deg,#eef2ff,#f0f5ff);border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:1.75rem 2rem;margin:2rem 0 2.25rem;position:relative;overflow:hidden}.post-page article blockquote:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--secondary)}.post-page article blockquote p:first-child{font-family:var(--font-display);font-weight:700;color:var(--primary);margin-bottom:.75rem;font-size:1.1rem}.post-page article blockquote ul{margin-left:0;margin-bottom:0}.post-page article blockquote li{margin-bottom:.45rem;font-size:.95rem;color:var(--text-3);padding-left:1.35rem}.post-page article blockquote li:before{width:5px;height:5px;top:.65em}.post-page article blockquote a{color:var(--primary)}.post-page article blockquote.citation{background:#0000;border:none;border-left:3px solid var(--secondary);border-radius:0;padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;overflow:visible}.post-page article blockquote.citation:before{display:none}.post-page article blockquote.citation p{font-family:var(--font-display);font-size:1.05rem;font-weight:500;font-style:italic;line-height:1.6;color:var(--text-2);margin-bottom:.5rem}.post-page article blockquote.citation cite{font-style:normal;font-size:.88rem;color:var(--text-muted);font-weight:500}.post-page article img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1.5rem 0;display:block;box-shadow:0 2px 16px #0000000f;transition:transform .35s ease,box-shadow .35s ease}.post-page article img:hover{transform:scale(1.008);box-shadow:0 4px 24px #0000001a}.post-page article figure{margin:2.5rem 0;padding:1.75rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 6px #00000008;overflow:hidden;text-align:center}.post-page article figure svg{width:100%;height:auto;display:block}.post-page article figure img{margin:0;box-shadow:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.post-page article figure img:hover{transform:none;box-shadow:none}.post-page article figcaption{text-align:center;color:var(--text-muted);font-size:.82rem;margin-top:.75rem;font-style:italic}.post-page article aside{background:linear-gradient(135deg,#243b8e,#1a2d6e 55%,#152052);color:#fff;padding:2rem 2.25rem;border-radius:var(--radius-md);margin:2.5rem 0;text-align:center;position:relative;overflow:hidden}.post-page article aside:before{top:-60%;right:-15%;width:320px;height:320px;background:radial-gradient(circle,#21c58e1f 0,#0000 70%)}.post-page article aside:after,.post-page article aside:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.post-page article aside:after{bottom:-40%;left:-10%;width:240px;height:240px;background:radial-gradient(circle,#3b5bdb1a 0,#0000 70%)}.post-page article aside p{color:#ffffffeb;position:relative;z-index:1}.post-page article aside .cta-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.4rem}.post-page article aside .cta-sub{font-size:.95rem;opacity:.88;margin-bottom:1.25rem}.post-page .cta-btn{display:inline-block;background:var(--secondary);border:none;cursor:pointer;color:#fff!important;padding:.85rem 2.5rem;border-radius:10px;text-decoration:none!important;font-weight:700;font-size:1.05rem;font-family:var(--font-body);position:relative;z-index:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.post-page .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #21c58e59;background:var(--secondary-dark);color:#fff!important}.post-page .app-store-links{position:relative;z-index:1;margin-top:1.25rem}.post-page .app-store-links p{color:#ffffffbf;font-size:.88rem;margin-bottom:.75rem}.post-page .app-store-links .store-badges{display:flex;justify-content:center;gap:12px}.post-page .app-store-links .store-badges a{text-decoration:none}.post-page .app-store-links .store-badges img{height:45px;width:auto;border-radius:0;box-shadow:none;margin:0}.post-page .app-store-links .store-badges img:hover{transform:none;box-shadow:none}.post-page article details{margin-bottom:.75rem;padding:0 1rem .75rem 1.15rem}.post-page article details summary{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--primary);margin:0 -1rem 1rem -1.15rem;padding:.85rem 1rem .85rem 1.15rem;background:var(--accent-bg);border-left:3px solid var(--secondary);border-radius:0 var(--radius-xs) var(--radius-xs) 0;cursor:default;list-style:none;letter-spacing:0;pointer-events:none}.post-page article details summary::-webkit-details-marker{display:none}.post-page article details summary::marker{display:none;content:""}.post-page article details summary b,.post-page article details summary strong{font-weight:700;color:inherit}.post-page article .faq-section{margin-top:1rem}.post-page article .faq-section h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--primary);margin-top:0;margin-bottom:0;padding:.85rem 1rem .85rem 1.15rem;background:var(--accent-bg);border-left:3px solid var(--secondary);border-radius:0 var(--radius-xs) var(--radius-xs) 0;letter-spacing:0}.post-page article .faq-section .faq-item{margin-bottom:.75rem}.post-page article .faq-section .faq-item p{margin-top:0;margin-bottom:.75rem;padding:.75rem 1rem 0 1.15rem;color:var(--text-3)}.post-page .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.post-page .reveal.visible{opacity:1;transform:translateY(0)}.post-page .reveal.visible li{opacity:0;animation:postFadeItem .5s ease forwards}.post-page .reveal.visible li:first-child{animation-delay:.05s}.post-page .reveal.visible li:nth-child(2){animation-delay:.1s}.post-page .reveal.visible li:nth-child(3){animation-delay:.15s}.post-page .reveal.visible li:nth-child(4){animation-delay:.2s}.post-page .reveal.visible li:nth-child(5){animation-delay:.25s}.post-page .reveal.visible li:nth-child(6){animation-delay:.3s}.post-page .reveal.visible li:nth-child(7){animation-delay:.35s}.post-page .reveal.visible li:nth-child(8){animation-delay:.4s}@keyframes postFadeItem{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.post-page article>.breadcrumb,.post-page article>.publish-date,.post-page article>h1{animation:postHeaderIn .7s cubic-bezier(.22,1,.36,1) both}.post-page article>h1{animation-delay:.08s}.post-page article>.publish-date{animation-delay:.14s}@keyframes postHeaderIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.post-page .hero{height:340px}.post-page article{padding:1.5rem 1.15rem 3rem;margin-top:-1.5rem}.post-page article h2{margin-top:2.75rem}.post-page article h2:before{width:32px}.post-page article blockquote{padding:1.25rem}.post-page article aside{padding:1.5rem 1.25rem}.post-page article figure{padding:1rem}.post-page article ol>li{padding-left:3rem}.post-page article ol>li:before{width:2rem;height:2rem;font-size:.75rem}.post-page article table{font-size:.82rem}.post-page article tbody td,.post-page article thead th{padding:.55rem .65rem}}