.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--color-surface-darker);z-index:var(--z-header);pointer-events:none}.reading-progress__bar{height:100%;width:0%;background:var(--gradient-button-primary);transition:width .1s linear;box-shadow:0 0 10px rgba(var(--color-neon-rgb),.5)}.blog-breadcrumb{padding:var(--spacing-8) var(--container-padding-desktop);background:var(--color-surface-darker);border-bottom:1px solid var(--color-border)}.blog-breadcrumb__list{list-style:none;display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;max-width:var(--container-width);margin:0 auto;padding:0}.blog-breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.blog-breadcrumb__item:not(:last-child):after{content:"›";color:var(--color-text-muted);margin-left:var(--spacing-2)}.blog-breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.blog-breadcrumb__link:hover{color:var(--color-neon)}.blog-breadcrumb__current{color:var(--color-text);font-weight:600}.blog-post-header{padding:var(--spacing-16) var(--container-padding-desktop);max-width:800px;margin:0 auto;text-align:left}.blog-post-header__category{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:var(--color-neon);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-4)}.blog-post-header__title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.blog-post-header__excerpt{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.blog-post-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.blog-post-header__author{display:flex;align-items:center;gap:var(--spacing-3)}.blog-post-header__author-avatar{width:48px;height:48px;border-radius:var(--border-radius-full);object-fit:cover;border:2px solid var(--color-border)}.blog-post-header__author-info{text-align:left}.blog-post-header__author-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);display:block;line-height:1.3}.blog-post-header__date{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3}.blog-post-header__divider{width:1px;height:24px;background:var(--color-border)}.blog-post-header__read-time{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-2)}.blog-post-header__read-time:before{content:"";width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.blog-post-featured-image{margin:var(--spacing-8) auto;max-width:1200px;padding:0 var(--container-padding-desktop)}.blog-post-featured-image img{width:100%;height:auto;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl)}.featured-image-caption{display:block;margin-top:var(--spacing-3);font-size:.75rem;font-style:italic;color:#ffffff80;text-align:center;line-height:var(--line-height-relaxed)}@media(prefers-color-scheme:light){.featured-image-caption{color:#00000080}}.featured-image-caption:empty{display:none}.blog-post-content{max-width:800px;margin:0 auto;padding:var(--spacing-12) var(--container-padding-desktop)}.blog-post-content h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-top:var(--spacing-12);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.blog-post-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-top:var(--spacing-10);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.blog-post-content h4{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);line-height:var(--line-height-tight)}.blog-post-content p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.blog-post-content ul,.blog-post-content ol{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);padding-left:var(--spacing-8)}.blog-post-content li{margin-bottom:var(--spacing-3)}.blog-post-content li::marker{color:var(--color-secondary)}.blog-post-content a{color:var(--color-neon);text-decoration:underline;text-decoration-color:rgba(var(--color-neon-rgb),.3);text-underline-offset:3px;transition:all var(--transition-base)}.blog-post-content a:hover{text-decoration-color:var(--color-neon);text-shadow:0 0 8px rgba(var(--color-neon-rgb),.3)}.blog-post-content blockquote{border-left:4px solid var(--color-neon);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-8) 0;background:var(--color-surface);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);color:var(--color-text);font-style:italic}.blog-post-content blockquote p{margin-bottom:0}.blog-post-content img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);margin:var(--spacing-8) 0;box-shadow:var(--shadow-lg)}.blog-post-content pre{background:var(--color-surface-darker);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin:var(--spacing-8) 0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.blog-post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface);padding:.2em .4em;border-radius:var(--border-radius-sm);color:var(--color-neon)}.blog-post-content pre code{background:transparent;padding:0;color:var(--color-text)}.blog-post-footer{max-width:800px;margin:0 auto;padding:var(--spacing-12) var(--container-padding-desktop);border-top:1px solid var(--color-border)}.blog-post-tags{margin-bottom:var(--spacing-8)}.blog-post-tags__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3);display:block}.blog-post-tags__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;padding:0;margin:0}.blog-post-tags__item{padding:var(--spacing-1) var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.blog-post-tags__item:hover{background:var(--color-surface-lighter);border-color:var(--color-neon);color:var(--color-text)}.blog-post-share{margin-bottom:var(--spacing-8)}.blog-post-share__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3);display:block}.blog-post-share__buttons{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.blog-post-share__button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.blog-post-share__button:hover{background:var(--color-surface-lighter);border-color:#fff6;color:var(--color-text)}.blog-post-share__button--copy.copied{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.post-share{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.share-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.share-buttons{display:flex;gap:var(--spacing-4);align-items:center}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background:#ffffff1a;color:#fff;transition:all .3s ease;border:none;text-decoration:none}.share-btn:hover{background:#fff3;color:#fff}.share-btn svg{width:20px;height:20px}.blog-post-author-bio{padding:var(--spacing-10) 0;margin:var(--spacing-12) 0}.author-bio-card{display:flex;gap:var(--spacing-6);padding:var(--spacing-10);background:transparent;border-radius:var(--border-radius-2xl);align-items:flex-start}.author-bio-avatar{width:60px;height:60px;object-fit:contain;flex-shrink:0}.author-bio-content{flex:1}.author-bio-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-1);line-height:1.3}.author-bio-title{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);font-weight:500}.author-bio-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-5)}.author-bio-social{display:flex;gap:var(--spacing-4);align-items:center}.author-bio-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background:#ffffff1a;color:#fff;transition:all .3s ease;border:none}.author-bio-social a:hover{background:#fff3;color:#fff}.author-bio-social a svg{width:20px;height:20px}.blog-post-author-bio__avatar{width:80px;height:80px;border-radius:var(--border-radius-full);object-fit:cover;flex-shrink:0}.blog-post-author-bio__content{flex:1}.blog-post-author-bio__name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-2)}.blog-post-author-bio__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.blog-post-author-bio__social{display:flex;gap:var(--spacing-3)}.blog-post-author-bio__social-link{color:var(--color-text-muted);transition:color var(--transition-base)}.blog-post-author-bio__social-link:hover{color:var(--color-neon)}.blog-related-posts{padding:var(--spacing-16) var(--container-padding-desktop);background:var(--color-surface-darker);border-top:1px solid var(--color-border)}.blog-related-posts__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-12)}.blog-related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);max-width:var(--container-width);margin:0 auto}.related-articles{padding:var(--spacing-16) var(--container-padding-desktop);border-top:1px solid var(--color-border)}.related-articles-heading{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-12)}.related-articles .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);max-width:var(--container-width);margin:0 auto}@media(max-width:1024px){.blog-related-posts__grid,.related-articles .blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.blog-breadcrumb,.blog-post-header,.blog-post-featured-image,.blog-post-content,.blog-post-footer,.blog-related-posts,.related-articles{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media(max-width:768px){.blog-post-header__title{font-size:var(--font-size-3xl)}.blog-post-header__excerpt{font-size:var(--font-size-lg)}.blog-post-header__meta{flex-direction:column;gap:var(--spacing-4)}.blog-post-header__divider{display:none}.blog-post-content h2{font-size:var(--font-size-2xl)}.blog-post-content h3{font-size:var(--font-size-xl)}.blog-post-content h4{font-size:var(--font-size-lg)}.blog-post-content p,.blog-post-content ul,.blog-post-content ol{font-size:var(--font-size-base)}.blog-post-author-bio{flex-direction:column;text-align:center;align-items:center}.author-bio-card{flex-direction:column;text-align:center;align-items:center;padding:var(--spacing-6)}.author-bio-social{justify-content:center}.post-share{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.blog-post-author-bio__social{justify-content:center}.blog-related-posts__grid,.related-articles .blog-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.blog-breadcrumb,.blog-post-header,.blog-post-featured-image,.blog-post-content,.blog-post-footer,.blog-related-posts,.related-articles{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}}@media(max-width:480px){.blog-post-header__title{font-size:var(--font-size-2xl)}.blog-post-header__excerpt{font-size:var(--font-size-base)}.blog-breadcrumb,.blog-post-header,.blog-post-featured-image,.blog-post-content,.blog-post-footer,.blog-related-posts,.related-articles{padding-left:var(--container-padding-small);padding-right:var(--container-padding-small)}.blog-post-share__buttons{flex-direction:column}.blog-post-share__button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.reading-progress__bar,.blog-breadcrumb__link,.blog-post-tags__item,.blog-post-share__button,.blog-post-author-bio__social-link{transition:none}}.blog-post-cta-section{padding:var(--spacing-12) var(--container-padding-desktop);background:transparent;margin:var(--spacing-12) 0}.blog-cta-container{max-width:800px;margin:0 auto;text-align:center}.blog-cta-heading{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.blog-cta-heading-small{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.blog-cta-tagline{font-size:var(--font-size-xl);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.blog-cta-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.blog-post-cta-section .hero-store-buttons{justify-content:center;margin-top:0}.blog-cta-compact{padding:var(--spacing-6) var(--spacing-4)}.blog-cta-compact .blog-cta-heading-small{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.blog-cta-compact .hero-store-buttons{gap:.75rem}.blog-cta-prominent{padding:var(--spacing-8) var(--spacing-6);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-darker) 100%);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.blog-cta-final{background:var(--color-surface-darker);border:none;border-top:2px solid var(--color-neon);border-radius:0}.blog-cta-subtle{background:transparent;border:none;border-top:1px solid var(--color-border);padding:var(--spacing-8) var(--container-padding-desktop)}.blog-cta-mid-content{margin:var(--spacing-8) 0;padding:var(--spacing-8) var(--container-padding-desktop)}@media(max-width:1024px){.blog-post-cta-section{padding:var(--spacing-10) var(--container-padding-tablet);margin:var(--spacing-10) 0}.blog-cta-heading{font-size:var(--font-size-2xl)}.blog-cta-heading-small{font-size:var(--font-size-xl)}.blog-cta-tagline{font-size:var(--font-size-lg)}.blog-cta-description{font-size:var(--font-size-base)}}@media(max-width:768px){.blog-post-cta-section{padding:var(--spacing-8) var(--container-padding-mobile);margin:var(--spacing-8) 0}.blog-cta-heading{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.blog-cta-heading-small{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.blog-cta-tagline{font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.blog-cta-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.blog-post-cta-section .hero-store-buttons{flex-direction:column;max-width:220px;margin-left:auto;margin-right:auto}.blog-cta-compact{padding:var(--spacing-4) var(--spacing-2)}.blog-cta-prominent{padding:var(--spacing-6) var(--spacing-4)}}@media(max-width:480px){.blog-post-cta-section{padding:var(--spacing-6) var(--container-padding-small);margin:var(--spacing-6) 0}.blog-cta-heading{font-size:var(--font-size-lg)}.blog-cta-heading-small{font-size:var(--font-size-base)}.blog-cta-tagline,.blog-cta-description{font-size:var(--font-size-sm)}}@media(prefers-color-scheme:dark){.blog-post-cta-section,.blog-cta-prominent,.blog-cta-subtle{background:transparent}}.blog-post-cta-section .store-button:focus-visible{outline:2px solid var(--color-neon);outline-offset:4px}@media(prefers-reduced-motion:reduce){.blog-cta-prominent,.blog-post-cta-section .store-button{transition:none}}.blog-faq-section{max-width:800px;margin:var(--spacing-16) auto;padding:0 var(--container-padding-desktop)}.blog-faq-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-8);text-align:center}.blog-faq-container{display:flex;flex-direction:column;gap:0}.blog-faq-item{background:transparent;border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0;padding:0;margin:0;transition:background .3s ease,transform .3s ease;overflow:hidden;position:relative}.blog-faq-item:last-child{border-bottom:none!important}.blog-faq-item summary{border-bottom:none!important}.blog-faq-item h3{color:var(--color-text-primary);margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}.blog-faq-item p{color:var(--color-text-secondary);line-height:1.8;font-size:.95rem;margin:0}.blog-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:2.5rem 0;transition:background .3s ease}.blog-faq-item summary::-webkit-details-marker,.blog-faq-item summary::marker{display:none}.blog-faq-item summary h3{margin:0;flex:1;padding-right:1rem}.blog-faq-icon{font-size:1.25rem;color:var(--color-text-secondary);transition:all .3s ease;font-weight:300;line-height:1;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.blog-faq-item:hover{background:transparent;transform:none}.blog-faq-item:hover .blog-faq-icon{background:var(--gradient-button-primary);border-color:transparent;color:#fff}.blog-faq-item[open]{background:transparent}.blog-faq-item[open] .blog-faq-icon{transform:rotate(45deg);background:var(--gradient-button-primary);color:#fff;border-color:transparent}.blog-faq-answer{padding:0;overflow:hidden;opacity:0;max-height:0;transition:max-height .6s ease-in-out,opacity .5s ease-in-out,padding .6s ease-in-out}.blog-faq-item[open] .blog-faq-answer{opacity:1;max-height:2000px;padding:0 0 2.5rem;transition:max-height .6s ease-in-out,opacity .5s ease-in-out,padding .6s ease-in-out}.blog-faq-answer>div{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.blog-faq-answer p{margin-bottom:var(--spacing-3);color:var(--color-text-secondary);line-height:1.8}.blog-faq-answer p:last-child{margin-bottom:0}.blog-faq-answer ul,.blog-faq-answer ol{margin:var(--spacing-3) 0;padding-left:var(--spacing-6)}.blog-faq-answer li{margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.blog-faq-answer strong{color:var(--color-text);font-weight:600}.blog-faq-answer a{color:var(--color-neon);text-decoration:underline;text-decoration-color:rgba(var(--color-neon-rgb),.3);transition:all var(--transition-base)}.blog-faq-answer a:hover{text-decoration-color:var(--color-neon)}.blog-faq-item summary:focus{outline:none}.blog-faq-item summary:focus-visible{outline:2px solid var(--color-neon);outline-offset:4px}@media(max-width:768px){.blog-faq-section{padding:0 var(--container-padding-mobile);margin:var(--spacing-12) auto}.blog-faq-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.blog-faq-item summary{padding:1.5rem 0}.blog-faq-item summary h3{font-size:1rem;padding-right:.75rem}.blog-faq-item p{font-size:.875rem}.blog-faq-item[open] .blog-faq-answer{padding:0 0 1.5rem}.blog-faq-icon{font-size:1.125rem;width:32px;height:32px}}@media(max-width:480px){.blog-faq-section{padding:0 var(--container-padding-small)}.blog-faq-item summary{padding:1.25rem 0}.blog-faq-item summary h3{font-size:1rem}.blog-faq-item[open] .blog-faq-answer{padding:0 0 1.25rem}.blog-faq-item p{font-size:.875rem}.blog-faq-icon{width:30px;height:30px;font-size:1rem}}@media(prefers-reduced-motion:reduce){.blog-faq-item,.blog-faq-icon,.blog-faq-item summary h3,.blog-faq-answer{transition:none}.blog-faq-item:hover{transform:none}.blog-faq-item summary:hover .blog-faq-icon{transform:none}.blog-faq-item[open] .blog-faq-icon{transform:rotate(45deg)}}@media print{.blog-faq-item{border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}.blog-faq-item[open]{border-color:#000}.blog-faq-icon{display:none}.blog-faq-answer{display:block!important;opacity:1!important;max-height:none!important;padding-top:var(--spacing-2)}.blog-faq-item summary{pointer-events:none}}