.blog-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.5);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.blog-content{padding-top:20px}.blog-header-container{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.blog-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1f2937;font-weight:700;font-size:16px;transition:all .3s ease}.blog-logo:hover{color:#3b82f6;transform:translateY(-1px)}.blog-logo-image{height:24px;object-fit:contain;border-radius:4px}.blog-logo-text{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-nav{display:flex;align-items:center;gap:25px}.blog-nav-link{text-decoration:none;color:#6b7280;font-weight:500;font-size:13px;transition:all .3s ease;padding:6px 10px;border-radius:6px;position:relative}.blog-nav-link:hover{color:#3b82f6;background:rgba(59,130,246,.1)}.blog-nav-link:active{transform:scale(.95)}@media (max-width:768px){.blog-header-container{padding:12px 15px}.blog-logo{font-size:14px}.blog-logo-image{width:20px;height:20px}.blog-nav{gap:15px}.blog-nav-link{font-size:13px;padding:6px 10px}}@media (max-width:480px){.blog-header-container{flex-direction:column;gap:10px;padding:10px 15px}.blog-nav{gap:20px}}