.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;z-index:1000;transition:all .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:60px;border-bottom:1px solid var(--glass-border)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo-icon{color:var(--accent-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-weight:500;color:var(--text-secondary);transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.search-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:20px;padding:.4rem 1rem;gap:.5rem}.search-icon{color:var(--text-secondary)}.search-bar input{background:none;border:none;color:var(--text-primary);outline:none;font-size:.9rem;width:150px}.menu-toggle{display:none;color:var(--text-primary)}@media(max-width:768px){.menu-toggle{display:block}.nav-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--bg-primary);flex-direction:column;padding:2rem;transition:left .3s ease;z-index:999}.nav-links.open{left:0}.search-bar,.search-bar input{width:100%}}.hero{display:flex;align-items:center;gap:4rem;padding:4rem 0;margin-bottom:6rem}.hero-content{flex:1}.hero-image{flex:1;height:450px;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0006}.hero-image img{width:100%;height:100%;object-fit:cover}.category-badge{background:#3b82f61a;color:var(--accent-primary);padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hero-title{font-size:4rem;line-height:1.1;margin:1.5rem 0;font-weight:800}.hero-excerpt{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem;max-width:600px}.post-meta{display:flex;gap:1rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.read-more-btn{padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;transition:all .3s ease}.read-more-btn:hover{transform:translateY(-5px);background:var(--accent-primary);border-color:var(--accent-primary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}@media(max-width:1024px){.hero{flex-direction:column;gap:2rem}.hero-title{font-size:3rem}.hero-image{width:100%;height:350px}}@media(max-width:768px){.hero-title{font-size:2.5rem}.posts-grid{grid-template-columns:1fr}}.post-content-body{max-width:800px;margin:0 auto;font-size:1.15rem;line-height:1.8;color:#ffffffe6}.post-content-body h1,.post-content-body h2,.post-content-body h3{color:#fff;margin-top:2.5rem;margin-bottom:1.2rem;font-weight:700}.post-content-body h2{font-size:2rem}.post-content-body h3{font-size:1.5rem}.post-content-body p{margin-bottom:1.8rem}.post-content-body ul,.post-content-body ol{margin-bottom:1.8rem;padding-left:1.5rem}.post-content-body li{margin-bottom:.5rem}.post-content-body blockquote{border-left:4px solid var(--accent-primary);padding:1.5rem 2rem;background:#3b82f60d;border-radius:0 16px 16px 0;margin:2.5rem 0;font-style:italic;font-size:1.3rem;color:var(--text-primary)}.post-content-body pre{background:#0000004d;padding:1.5rem;border-radius:12px;overflow-x:auto;margin-bottom:2rem;border:1px solid var(--border-color)}.post-content-body code{font-family:Fira Code,monospace;background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.post-content-body pre code{background:transparent;padding:0;border-radius:0;display:block}:root{--bg-primary: #020617;--bg-secondary: #0f172a;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;outline:none;background:none}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.container{padding:0 1rem}}