header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:999;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.header-inner[data-astro-cid-3ef6ksr2]{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}.logo-icon[data-astro-cid-3ef6ksr2]{font-size:1.75rem}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1.25rem;font-weight:700;line-height:1.2}.logo-text[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{color:var(--primary)}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:2rem}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{text-decoration:none;color:var(--text2);font-weight:500;font-size:.95rem;padding:.5rem 0;position:relative;transition:color .2s}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--text)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer}.mobile-menu-btn[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:24px;height:2px;background:var(--text);transition:transform .3s,opacity .3s}.mobile-menu-btn[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.mobile-menu-btn[data-astro-cid-3ef6ksr2].open span[data-astro-cid-3ef6ksr2]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-overlay[data-astro-cid-3ef6ksr2]{display:none}@media (max-width: 768px){.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:flex;z-index:1001;position:relative}nav[data-astro-cid-3ef6ksr2]{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg);flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;align-items:flex-start;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:1000}nav[data-astro-cid-3ef6ksr2].open{right:0}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:1.125rem;width:100%;padding:.75rem 0;border-bottom:1px solid var(--border)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active:after{display:none}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--primary)}.nav-overlay[data-astro-cid-3ef6ksr2]{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:999}.nav-overlay[data-astro-cid-3ef6ksr2].open{opacity:1;visibility:visible}}:root{--bg: #ffffff;--bg2: #f8fafc;--bg3: #f1f5f9;--text: #0f172a;--text2: #475569;--text3: #94a3b8;--primary: #1e3a5f;--accent: #f59e0b;--accent2: #fbbf24;--border: #e2e8f0;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg: #0f172a;--bg2: #1e293b;--bg3: #334155;--text: #f8fafc;--text2: #cbd5e1;--text3: #64748b;--primary: #3b82f6;--border: #334155;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}header{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;display:grid;place-items:center;font-size:20px}.logo-text{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.logo-text span{color:var(--accent)}nav{display:flex;align-items:center;gap:32px}nav a{color:var(--text2);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}nav a:hover{color:var(--text)}.theme-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1.1rem;transition:all .2s}.theme-toggle:hover{background:var(--bg3)}.hero{background:linear-gradient(135deg,var(--primary) 0%,#0f172a 100%);color:#fff;padding:80px 24px;text-align:center}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e3a5f,#0f172a)}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:16px;letter-spacing:-.03em}.hero h1 span{color:var(--accent)}.hero p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto 32px}.hero-cta{display:inline-flex;gap:12px}.btn{padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;font-size:1rem;border:none}.btn-primary{background:var(--accent);color:#0f172a}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.ad-banner{background:var(--bg2);border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;color:var(--text3);font-size:.85rem;margin:24px auto;max-width:728px}.ad-banner:before{content:"📢";display:block;font-size:1.5rem;margin-bottom:8px}.main{max-width:1200px;margin:0 auto;padding:48px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.see-all{color:var(--primary);text-decoration:none;font-weight:500;font-size:.95rem}.see-all:hover{text-decoration:underline}.featured{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:48px}.featured-main{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(45deg,#1e3a5f,#3b82f6)}.featured-main img{width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(transparent,#000c);color:#fff}.featured-category{background:var(--accent);color:#0f172a;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block;margin-bottom:12px}.featured-overlay h2{font-size:1.75rem;margin-bottom:8px;line-height:1.3}.featured-meta{font-size:.9rem;opacity:.8}.featured-side{display:flex;flex-direction:column;gap:16px}.featured-side-card{flex:1;background:var(--bg2);border-radius:12px;overflow:hidden;display:flex;gap:16px;padding:16px;transition:all .2s;cursor:pointer;border:1px solid var(--border)}.featured-side-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.featured-side-card .thumb{width:100px;height:80px;background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:8px;flex-shrink:0}.featured-side-card h3{font-size:1rem;margin-bottom:4px;line-height:1.4}.featured-side-card .meta{font-size:.8rem;color:var(--text3)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px}.post-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.post-card .thumbnail{aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:grid;place-items:center;font-size:3rem}.post-card .content{padding:20px}.post-card .category{color:var(--accent);font-size:.8rem;font-weight:600;text-transform:uppercase;margin-bottom:8px}.post-card h3{font-size:1.1rem;margin-bottom:8px;line-height:1.4}.post-card p{color:var(--text2);font-size:.9rem;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .meta{color:var(--text3);font-size:.8rem}.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:32px}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-ad{background:var(--bg2);border:2px dashed var(--border);border-radius:12px;padding:24px;text-align:center;color:var(--text3);min-height:250px;display:flex;flex-direction:column;justify-content:center}.sidebar-ad .size{font-size:.75rem;margin-top:8px}.sidebar-widget{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.sidebar-widget h4{font-size:1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.popular-post{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.popular-post:last-child{border-bottom:none}.popular-post .num{font-size:1.5rem;font-weight:800;color:var(--text3);width:32px}.popular-post h5{font-size:.9rem;font-weight:600;line-height:1.4}.newsletter-section{background:linear-gradient(135deg,var(--primary),#0f172a);color:#fff;padding:64px 24px;text-align:center;border-radius:16px;margin:48px 0}.newsletter-section h2{font-size:2rem;margin-bottom:12px}.newsletter-section p{opacity:.9;margin-bottom:24px}.newsletter-form{display:flex;gap:12px;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:14px 20px;border:none;border-radius:8px;font-size:1rem}footer{background:var(--bg2);border-top:1px solid var(--border);padding:48px 24px;margin-top:64px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-brand p{color:var(--text2);margin-top:12px;font-size:.9rem}.footer-links h5{font-weight:600;margin-bottom:16px}.footer-links a{display:block;color:var(--text2);text-decoration:none;font-size:.9rem;margin-bottom:8px}.footer-links a:hover{color:var(--text)}.footer-bottom{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--border);text-align:center;color:var(--text3);font-size:.85rem}.page-hero{padding:48px 24px 16px;text-align:center}.page-hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.page-hero p{color:var(--text2);max-width:720px;margin:0 auto}.post-article{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:var(--card-shadow)}.post-hero{margin-bottom:24px}.post-hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:12px;line-height:1.3}.post-meta{color:var(--text3);font-size:.9rem}.post-body{color:var(--text2);font-size:1rem}.post-body h2,.post-body h3{color:var(--text);margin:24px 0 12px;line-height:1.4}.post-body p{margin-bottom:16px}.post-body ul{padding-left:20px;margin-bottom:16px}.post-body li{margin-bottom:8px}.author-bio{display:flex;gap:16px;align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:32px}.author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:700}.author-bio h4{margin-bottom:4px}.related-posts{margin-top:32px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:16px}.mockup-notice{position:fixed;bottom:24px;right:24px;background:var(--accent);color:#0f172a;padding:12px 20px;border-radius:8px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #0003;z-index:1000}@media (max-width: 1024px){.main{padding:32px 16px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}}@media (max-width: 900px){.featured,.content-with-sidebar{grid-template-columns:1fr}.sidebar{order:1}.sidebar{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}nav{display:none}.featured-overlay h2{font-size:1.5rem}}@media (max-width: 600px){.hero{padding:48px 16px}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.hero-cta{flex-direction:column;gap:8px}.hero-cta .btn{width:100%;text-align:center}.footer-inner{grid-template-columns:1fr;gap:24px}.newsletter-form{flex-direction:column}.post-article{padding:20px 16px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-title{font-size:1.25rem}.post-grid{grid-template-columns:1fr}.featured-side{gap:12px}.featured-side-card{padding:12px}.featured-side-card .thumb{width:80px;height:60px}.featured-side-card h3{font-size:.9rem}.newsletter-section{padding:40px 20px;margin:32px 0}.newsletter-section h2{font-size:1.5rem}.ad-banner{padding:16px;font-size:.75rem}.mockup-notice{bottom:16px;right:16px;left:16px;text-align:center}}body.menu-open{overflow:hidden}