:root{--blog-bg:#0a0a0a;--blog-bg-elevated:#111111;--blog-bg-card:rgba(255, 255, 255, 0.03);--blog-text:#ffffff;--blog-text-secondary:rgba(255, 255, 255, 0.7);--blog-text-muted:rgba(255, 255, 255, 0.5);--blog-border:rgba(255, 255, 255, 0.1);--blog-border-hover:rgba(255, 255, 255, 0.2);--blog-accent:#4A90E2;--blog-accent-glow:rgba(74, 144, 226, 0.15);--cat-privacy:#4A90E2;--cat-health:#10B981;--cat-productivity:#7B68EE;--cat-updates:#FF7733;--cat-wellness:#7AD9D9;--cat-guides:#d97591;--font-display:'Space Grotesk',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;--blog-container:1200px;--blog-content:700px;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--transition-fast:0.2s ease;--transition-base:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=light]{--blog-bg:#fafafa;--blog-bg-elevated:#ffffff;--blog-bg-card:rgba(0, 0, 0, 0.02);--blog-text:#1a1a1a;--blog-text-secondary:#4a5568;--blog-text-muted:#94a3b8;--blog-border:rgba(0, 0, 0, 0.08);--blog-border-hover:rgba(0, 0, 0, 0.15)}.blog-page,.blog-post-page{font-family:var(--font-body);background:var(--blog-bg);color:var(--blog-text);line-height:1.7;min-height:100vh;transition:background var(--transition-base),color var(--transition-base)}.blog-page .header,.blog-post-page .header{background:0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.blog-page .header .logo-text,.blog-post-page .header .logo-text{background:linear-gradient(135deg,var(--blog-text) 0,var(--blog-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-page .header .nav-link,.blog-post-page .header .nav-link{color:var(--blog-text-secondary)}.blog-page .header .nav-link:hover,.blog-post-page .header .nav-link:hover{color:var(--blog-accent)}.theme-toggle{position:fixed;top:100px;right:24px;z-index:1000;width:44px;height:44px;border-radius:4px;background:0 0;border:1px solid var(--blog-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.theme-toggle:hover{border-color:var(--blog-accent);box-shadow:0 0 20px var(--blog-accent-glow)}.theme-toggle i{font-size:1.1rem;color:var(--blog-text);transition:var(--transition-fast)}#lightIcon{display:none}#darkIcon{display:block}[data-theme=light] #lightIcon{display:block}[data-theme=light] #darkIcon{display:none}.blog-container{max-width:var(--blog-container);margin:0 auto;padding:0 var(--space-lg)}.post-container{max-width:var(--blog-content);margin:0 auto;padding:0 var(--space-lg)}.blog-hero{padding:180px 0 80px;text-align:center;position:relative}.blog-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0,var(--blog-accent-glow) 0,transparent 60%);pointer-events:none}.hero-tagline{display:inline-block;font-size:.875rem;font-weight:600;color:var(--blog-accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-sm)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem, 8vw, 5rem);font-weight:600;letter-spacing:-2px;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--blog-text) 0,var(--blog-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--blog-text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.blog-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-2xl);max-width:var(--blog-container);margin:0 auto;padding:0 var(--space-lg)}.category-sidebar{position:sticky;top:120px;height:fit-content;padding:var(--space-lg) 0}.sidebar-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--blog-text-muted);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--blog-border)}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.category-item{position:relative}.category-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--blog-text-secondary);text-decoration:none;font-size:.9375rem;font-weight:400;border-radius:8px;transition:var(--transition-base);cursor:pointer;background:0 0;border:none;width:100%;text-align:left}.category-link:hover{color:var(--blog-text);background:var(--blog-bg-card)}.category-link.active{color:var(--blog-text);background:var(--blog-bg-card);font-weight:500}.category-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--blog-accent);border-radius:0 2px 2px 0}.category-link .cat-indicator{width:8px;height:8px;border-radius:50%;opacity:.7;transition:var(--transition-fast)}.category-link.active .cat-indicator,.category-link:hover .cat-indicator{opacity:1;transform:scale(1.2)}.category-link[data-category=all] .cat-indicator{background:var(--blog-accent)}.category-link[data-category=privacy] .cat-indicator{background:var(--cat-privacy)}.category-link[data-category=health] .cat-indicator{background:var(--cat-health)}.category-link[data-category=productivity] .cat-indicator{background:var(--cat-productivity)}.category-link[data-category=updates] .cat-indicator{background:var(--cat-updates)}.category-link[data-category=wellness] .cat-indicator{background:var(--cat-wellness)}.category-link[data-category=guides] .cat-indicator{background:var(--cat-guides)}.category-link[data-category=privacy].active::before{background:var(--cat-privacy)}.category-link[data-category=health].active::before{background:var(--cat-health)}.category-link[data-category=productivity].active::before{background:var(--cat-productivity)}.category-link[data-category=updates].active::before{background:var(--cat-updates)}.category-link[data-category=wellness].active::before{background:var(--cat-wellness)}.category-link[data-category=guides].active::before{background:var(--cat-guides)}.category-count{font-size:.75rem;color:var(--blog-text-muted);background:var(--blog-bg-card);padding:.125rem .5rem;border-radius:10px;margin-left:auto;margin-right:var(--space-sm)}.blog-main-content{min-width:0}.featured-section{padding:var(--space-xl) 0 var(--space-2xl)}.featured-section .section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);color:var(--blog-text)}.featured-card{position:relative;display:block;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:var(--transition-base);aspect-ratio:21/9;min-height:400px}.featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.featured-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 40%,rgba(0,0,0,.2) 70%,transparent 100%);pointer-events:none}.featured-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2xl);z-index:2}.featured-content .post-category{background:0 0}.featured-title{font-family:var(--font-display);font-size:clamp(1.5rem, 3vw, 2.25rem);font-weight:600;letter-spacing:-1px;margin-bottom:var(--space-sm);line-height:1.3;color:#fff}.featured-excerpt{font-size:1rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:var(--space-md);max-width:600px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-content .post-meta{color:rgba(255,255,255,.6)}.post-meta{display:flex;gap:var(--space-md);font-size:.875rem;color:var(--blog-text-muted)}.post-meta i{margin-right:.375rem}.post-category{display:inline-block;padding:.15rem .45rem;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;border-radius:3px;margin-bottom:var(--space-sm)}.post-category[data-category=privacy]{background:0 0;border:1px solid var(--cat-privacy);color:var(--cat-privacy)}.post-category[data-category=health]{background:0 0;border:1px solid var(--cat-health);color:var(--cat-health)}.post-category[data-category=productivity]{background:0 0;border:1px solid var(--cat-productivity);color:var(--cat-productivity)}.post-category[data-category=updates]{background:0 0;border:1px solid var(--cat-updates);color:var(--cat-updates)}.post-category[data-category=wellness]{background:0 0;border:1px solid var(--cat-wellness);color:var(--cat-wellness)}.post-category[data-category=guides]{background:0 0;border:1px solid var(--cat-guides);color:var(--cat-guides)}.posts-section{padding:var(--space-2xl) 0 var(--space-3xl)}.posts-section .section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xl);color:var(--blog-text)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.post-card{background:var(--blog-bg-card);border:1px solid var(--blog-border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:var(--transition-base)}.post-card:hover{border-color:var(--blog-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.post-card-image{position:relative;height:200px;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-content{padding:var(--space-lg)}.post-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.5px;margin-bottom:var(--space-sm);line-height:1.4;color:var(--blog-text)}.post-card-excerpt{font-size:.9375rem;color:var(--blog-text-secondary);line-height:1.7;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.load-more-container{text-align:center;margin-top:var(--space-2xl)}.load-more-btn{padding:1rem 2rem;background:0 0;border:1px solid var(--blog-border);border-radius:50px;color:var(--blog-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.load-more-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.load-more-btn i{margin-left:var(--space-xs)}.newsletter-section{padding:var(--space-3xl) 0;border-top:1px solid var(--blog-border)}.newsletter-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-2xl);background:var(--blog-bg-card);border:1px solid var(--blog-border);border-radius:20px}.newsletter-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--blog-text)}.newsletter-content p{color:var(--blog-text-secondary)}.newsletter-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.75rem 1.5rem;background:0 0;border:1px solid var(--blog-accent);color:var(--blog-accent);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:4px;transition:var(--transition-base);white-space:nowrap}.newsletter-btn:hover{box-shadow:0 0 20px var(--blog-accent-glow),0 0 40px var(--blog-accent-glow)}.post-main{padding-top:120px}.post-header{padding:var(--space-2xl) 0;text-align:center}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--blog-text-muted);text-decoration:none;font-size:.875rem;margin-bottom:var(--space-xl);transition:var(--transition-fast)}.back-link:hover{color:var(--blog-accent)}.post-meta-top{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.post-meta-top .post-category{margin-bottom:0}.meta-separator{color:var(--blog-text-muted)}.post-title{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3rem);font-weight:600;letter-spacing:-1.5px;line-height:1.2;margin-bottom:var(--space-lg);color:var(--blog-text)}.post-info{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--blog-text-muted);font-size:.9375rem}.post-info i{margin-right:.25rem}.post-hero-image{max-width:900px;margin:0 auto var(--space-2xl);border-radius:16px;overflow:hidden}.post-hero-image img{width:100%;height:auto;display:block}.post-content{padding:var(--space-xl) 0}.post-content h2{font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-.5px;margin:var(--space-2xl) 0 var(--space-md);color:var(--blog-text)}.post-content h3{font-family:var(--font-display);font-size:1.375rem;font-weight:600;margin:var(--space-xl) 0 var(--space-sm);color:var(--blog-text)}.post-content p{font-size:1.125rem;line-height:1.9;color:var(--blog-text-secondary);margin-bottom:var(--space-md)}.post-content a{color:var(--blog-accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-fast)}.post-content a:hover{border-bottom-color:var(--blog-accent)}.post-content ol,.post-content ul{margin:var(--space-md) 0;padding-left:var(--space-lg)}.post-content li{font-size:1.125rem;line-height:1.8;color:var(--blog-text-secondary);margin-bottom:var(--space-sm)}.post-content blockquote{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--blog-bg-card);border-left:4px solid var(--blog-accent);border-radius:0 12px 12px 0;font-size:1.25rem;font-style:italic;color:var(--blog-text)}.post-content code{background:var(--blog-bg-card);padding:.2em .5em;border-radius:4px;font-size:.9em;font-family:'Fira Code',monospace}.post-content pre{background:var(--blog-bg-elevated);border:1px solid var(--blog-border);border-radius:12px;padding:var(--space-lg);overflow-x:auto;margin:var(--space-lg) 0}.post-content pre code{background:0 0;padding:0}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:var(--space-lg) 0}.post-footer{padding:var(--space-2xl) 0;border-top:1px solid var(--blog-border);margin-top:var(--space-2xl)}.post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tags-label{color:var(--blog-text-muted);font-size:.875rem}.tag{padding:.375rem .875rem;background:var(--blog-bg-card);border:1px solid var(--blog-border);border-radius:50px;font-size:.8125rem;color:var(--blog-text-secondary);text-decoration:none;transition:var(--transition-fast)}.tag:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.share-section{display:flex;align-items:center;gap:var(--space-md)}.share-label{color:var(--blog-text-muted);font-size:.875rem}.share-buttons{display:flex;gap:var(--space-sm)}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blog-bg-card);border:1px solid var(--blog-border);color:var(--blog-text-secondary);text-decoration:none;transition:var(--transition-fast)}.share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.share-btn .x-icon{font-size:1rem;font-weight:700}.related-section{padding:var(--space-3xl) 0;background:var(--blog-bg-elevated)}.related-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:var(--space-xl);color:var(--blog-text)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:var(--blog-container);margin:0 auto;padding:0 var(--space-lg)}.related-grid .post-card:only-child{max-width:500px;margin:0 auto}@media (max-width:1024px){.blog-layout{grid-template-columns:200px 1fr;gap:var(--space-xl)}.posts-grid{grid-template-columns:repeat(2,1fr)}.featured-card{aspect-ratio:16/9;min-height:350px}}@media (max-width:868px){.blog-layout{grid-template-columns:1fr;gap:0}.category-sidebar{position:relative;top:0;padding:var(--space-md) 0;border-bottom:1px solid var(--blog-border);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-title{display:none}.category-list{flex-direction:row;gap:var(--space-xs);padding-bottom:var(--space-xs)}.category-item{flex-shrink:0}.category-link{padding:.2rem .5rem;border:1px solid var(--blog-border);border-radius:3px;font-size:.7rem}.category-link.active{border-color:var(--blog-accent);color:var(--blog-accent)}.category-link.active::before{display:none}.category-count{display:none}.cat-indicator{display:none}}@media (max-width:768px){.blog-hero{padding:140px 0 60px}.theme-toggle{top:auto;bottom:24px;right:24px}.featured-card{aspect-ratio:4/3;min-height:280px}.featured-title{font-size:1.125rem}.featured-excerpt{font-size:.875rem;-webkit-line-clamp:2}.featured-content{padding:var(--space-lg)}.posts-grid{grid-template-columns:1fr}.newsletter-card{flex-direction:column;text-align:center;padding:var(--space-lg);gap:var(--space-md)}.newsletter-content h3{font-size:1.25rem}.newsletter-content p{font-size:.9rem}.post-title{font-size:clamp(1.75rem, 6vw, 2.5rem)}.post-info{flex-wrap:wrap}}@media (max-width:480px){.blog-container,.post-container{padding:0 var(--space-sm)}.blog-hero{padding:120px 0 40px}.hero-title{font-size:clamp(2rem, 10vw, 3rem)}.hero-description{font-size:1rem}.featured-card{aspect-ratio:3/4;min-height:320px}.featured-content{padding:var(--space-md)}.featured-title{font-size:1rem}.featured-excerpt{display:none}.section-title{font-size:1.25rem}.post-card-content{padding:var(--space-md)}.newsletter-section{padding:var(--space-xl) 0}.newsletter-card{padding:var(--space-md);border-radius:12px}.newsletter-content h3{font-size:1.125rem}.post-content li,.post-content p{font-size:1rem}}.back-to-top{position:fixed;bottom:24px;left:24px;width:44px;height:44px;background:0 0;border:1px solid var(--blog-border);border-radius:4px;color:var(--blog-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;visibility:hidden;transition:var(--transition-base);z-index:100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{border-color:var(--blog-accent);color:var(--blog-accent);box-shadow:0 0 20px var(--blog-accent-glow)}@media (max-width:768px){.back-to-top{bottom:24px;left:16px;width:40px;height:40px}}.blog-page .modern-footer,.blog-post-page .modern-footer{background:var(--blog-bg-elevated);border-top:1px solid var(--blog-border)}