.navbar{z-index:1000;background:#fff;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000d}.navbar-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 4px 12px #00000014}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;height:70px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:baseline;font-size:1.5rem;font-weight:800;text-decoration:none;transition:transform .3s;display:flex}.navbar-logo:hover{transform:scale(1.02)}.logo-text{color:#1f2937}.logo-highlight{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-blog{color:#dc2626;margin-left:2px;font-size:1.2rem}.navbar-links-desktop{align-items:center;gap:28px;display:flex}.nav-link{color:#4b5563;padding:8px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:#dc2626}.nav-link.active{color:#dc2626;font-weight:600}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;margin:0;padding:0;display:none}.hamburger-line{background:#1f2937;border-radius:2px;width:100%;height:2px;transition:all .3s}.mobile-menu-btn.active .hamburger-line:first-child{transform:translateY(9px)rotate(45deg)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-nav-overlay{z-index:1001;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-menu{z-index:1002;background:#fff;flex-direction:column;width:85%;max-width:320px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 12px #0000001a}.mobile-nav-menu.open{right:0}.mobile-nav-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-logo{align-items:baseline;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.mobile-logo .logo-text{color:#1f2937}.mobile-logo .logo-highlight{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-logo .logo-blog{color:#dc2626;margin-left:2px;font-size:1rem}.mobile-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:flex}.mobile-close-btn:hover{color:#dc2626;background:#fef2f2}.mobile-nav-links{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.mobile-nav-link{color:#4b5563;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:#dc2626;padding-left:8px}.mobile-nav-link.active .mobile-link-text{font-weight:600}.mobile-nav-link svg{opacity:0;stroke:#dc2626;transition:all .3s}.mobile-nav-link:hover svg{opacity:1;transform:translate(4px)}.mobile-nav-footer{text-align:center;border-top:1px solid #f3f4f6;padding:20px}.mobile-nav-footer p{color:#9ca3af;margin-bottom:12px;font-size:.75rem}.mobile-social-links{justify-content:center;gap:16px;display:flex}.mobile-social-links a{color:#6b7280;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.mobile-social-links a:hover{color:#dc2626;background:#fef2f2}@media (max-width:1024px){.navbar-links-desktop{gap:20px}.nav-link{font-size:.9rem}}@media (max-width:768px){.navbar-links-desktop{display:none}.mobile-menu-btn{display:flex}.navbar-container{height:64px;padding:0 20px}.navbar-logo{font-size:1.3rem}.logo-blog{font-size:1rem}}@media (max-width:480px){.navbar-container{height:60px;padding:0 16px}.navbar-logo{font-size:1.2rem}.logo-blog{font-size:.95rem}.mobile-nav-menu{width:100%;max-width:100%}.mobile-nav-header,.mobile-nav-links,.mobile-nav-footer{padding:16px}}@media (prefers-reduced-motion:reduce){.navbar,.nav-link:after,.mobile-menu-btn .hamburger-line,.mobile-nav-overlay,.mobile-nav-menu,.mobile-nav-link,.mobile-nav-link svg,.navbar-logo{transition:none}.navbar-logo:hover{transform:none}.mobile-nav-link:hover{padding-left:0}.mobile-nav-link:hover svg{opacity:0;transform:none}}.nav-link:focus-visible,.mobile-nav-link:focus-visible,.mobile-menu-btn:focus-visible,.mobile-close-btn:focus-visible,.mobile-social-links a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #dc2626}.nav-link:focus-visible:after{width:100%}main{padding-top:70px}@media (max-width:768px){main{padding-top:64px}}@media (max-width:480px){main{padding-top:60px}}.mobile-nav-links::-webkit-scrollbar{width:4px}.mobile-nav-links::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.mobile-nav-links::-webkit-scrollbar-thumb{background:#dc2626;border-radius:4px}.mobile-nav-links::-webkit-scrollbar-thumb:hover{background:#991b1b}