.site-header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1400px;z-index:1000;animation:slideDown 0.8s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.header-glass{border-radius:20px;padding:16px 32px}.header-content{display:flex;justify-content:space-between;align-items:center;gap:40px}.site-branding{flex-shrink:0}.site-branding .logo,.site-branding .custom-logo-link{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:600;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;text-decoration:none;transition:opacity 0.3s ease}.site-branding .custom-logo-link:hover{opacity:.8}.site-branding .custom-logo{max-height:40px;width:auto}.main-navigation{flex:1;display:flex;justify-content:center}.nav-menu{display:flex;gap:40px;list-style:none;margin:0;padding:0;align-items:center}.nav-menu a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:-.2px;transition:color 0.3s ease;position:relative;padding:8px 0}.nav-menu a::after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--text-primary);transition:width 0.3s ease}.nav-menu a:hover,.nav-menu .current-menu-item>a,.nav-menu .current_page_item>a{color:var(--text-primary)}.nav-menu a:hover::after,.nav-menu .current-menu-item>a::after,.nav-menu .current_page_item>a::after{width:100%}.nav-menu .sub-menu{position:absolute;top:100%;left:0;margin-top:12px;padding:12px;border-radius:16px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(.16,1,.3,1);list-style:none}.nav-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu .sub-menu a{display:block;padding:10px 16px;border-radius:8px;transition:all 0.2s ease}.nav-menu .sub-menu a:hover{background:rgb(255 255 255 / .05)}.nav-menu .sub-menu a::after{display:none}.menu-toggle{display:none;background:#fff0;border:none;cursor:pointer;padding:8px;position:relative;width:40px;height:40px}.menu-icon{display:block;position:relative;width:24px;height:2px;background:var(--text-primary);transition:all 0.3s ease}.menu-icon::before,.menu-icon::after{content:'';position:absolute;width:24px;height:2px;background:var(--text-primary);transition:all 0.3s ease}.menu-icon::before{top:-8px}.menu-icon::after{bottom:-8px}.menu-toggle[aria-expanded="true"] .menu-icon{background:#fff0}.menu-toggle[aria-expanded="true"] .menu-icon::before{transform:rotate(45deg);top:0}.menu-toggle[aria-expanded="true"] .menu-icon::after{transform:rotate(-45deg);bottom:0}.header-cta{display:flex;gap:12px;flex-shrink:0}@media (max-width:1024px){.nav-menu{gap:24px}}@media (max-width:768px){.site-header{width:calc(100% - 20px);top:10px}.header-glass{padding:12px 20px}.header-content{gap:20px}.menu-toggle{display:flex;align-items:center;justify-content:center}.main-navigation{position:fixed;top:80px;left:10px;right:10px;background:var(--glass-bg);backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:20px;padding:20px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all 0.3s cubic-bezier(.16,1,.3,1);max-height:calc(100vh - 100px);overflow-y:auto}.main-navigation.toggled{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu{flex-direction:column;gap:0;width:100%}.nav-menu li{width:100%;border-bottom:1px solid var(--glass-border)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:16px 0;font-size:16px}.nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;margin:0;padding:0 0 0 20px;border-radius:0;background:#fff0;border:none;box-shadow:none}.header-cta{gap:8px}.header-cta .btn{padding:8px 16px;font-size:13px}}@media (max-width:480px){.header-cta .btn-ghost{display:none}}.site-header.scrolled .header-glass{background:rgb(10 10 10 / .95);backdrop-filter:blur(60px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;margin:80px 0}.post-card{border-radius:24px;overflow:hidden;transition:all 0.4s cubic-bezier(.16,1,.3,1)}.post-card:hover{transform:translateY(-8px);background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .12)}.post-thumbnail{width:100%;height:240px;overflow:hidden;border-radius:20px 20px 0 0}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.post-card:hover .post-thumbnail img{transform:scale(1.05)}.post-content{padding:32px}.post-meta{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.post-category a{color:var(--accent-cyan);text-decoration:none;transition:color 0.3s ease}.post-category a:hover{color:var(--accent-blue)}.entry-title{font-size:24px;margin-bottom:16px;line-height:1.3}.entry-title a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}.entry-title a:hover{color:var(--accent-cyan)}.entry-summary{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:20px}.read-more{display:inline-flex;align-items:center;gap:8px;color:var(--accent-cyan);text-decoration:none;font-weight:500;font-size:14px;transition:all 0.3s ease}.read-more:hover{color:var(--accent-blue);transform:translateX(4px)}.tag-badge{display:inline-block;padding:6px 14px;border-radius:100px;background:rgb(0 212 255 / .1);color:var(--accent-cyan);font-size:12px;text-decoration:none;margin-right:8px;margin-bottom:8px;transition:all 0.3s ease}.tag-badge:hover{background:rgb(0 212 255 / .2);transform:translateY(-2px)}.pagination-wrapper{display:flex;justify-content:center;gap:12px;margin:60px 0}.pagination-wrapper .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all 0.3s ease}.pagination-wrapper .page-numbers:hover,.pagination-wrapper .page-numbers.current{background:rgb(255 255 255 / .08);color:var(--text-primary);border-color:rgb(255 255 255 / .12)}@media (max-width:768px){.posts-grid{grid-template-columns:1fr;gap:24px;margin:40px 0}}