
:root{--faq-bg:#fff;--faq-border:#07122e1a;--faq-text:#07122e;--faq-text-muted:#3a5080;--faq-accent:#1a3fd4;--faq-accent-hover:#0d2080;--faq-green:#22c55e;--faq-overlay-bg:#fff}.dark{--faq-bg:#060a1a;--faq-border:#ffffff14;--faq-text:#ddeaff;--faq-text-muted:#6ab0f5;--faq-accent:#2b6fff;--faq-accent-hover:#3d7fff;--faq-green:#4ade80;--faq-overlay-bg:#060a1a}.navbar{z-index:1000;background:var(--faq-bg);border-bottom:1px solid var(--faq-border);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0}.navbar-container{max-width:1400px;margin:0 auto;padding:0 24px}.navbar-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo-wrapper{flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-link{text-decoration:none;display:block}.logo-image{width:auto;height:38px;display:block}.domain{color:var(--faq-accent);letter-spacing:.5px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600}.nav-links-desktop{align-items:center;gap:32px;display:flex}.nav-link,.free-tools{color:var(--faq-text-muted);padding-bottom:6px;font-size:15px;font-weight:500;text-decoration:none;transition:color .14s;position:relative}.nav-link:hover,.free-tools:hover,.nav-link.active,.nav-link:hover{color:var(--faq-text)}.nav-link.active:after,.nav-link:hover:after{content:"";background:linear-gradient(90deg,var(--faq-accent),var(--faq-accent-hover),var(--faq-text-muted));border-radius:4px;width:0;height:2.5px;transition:width .28s,opacity .28s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link.active:after{opacity:1;width:70%}.nav-link:hover:after{opacity:.85;width:55%}.free-tools{cursor:default;align-items:center;gap:5px;display:flex}.green-dot{color:var(--green);font-size:10px;line-height:1}.right-section{flex-shrink:0;align-items:center;gap:20px;display:flex}.theme-btn{cursor:pointer;color:var(--faq-text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.theme-btn:hover{background:var(--faq-sidebar-hover-bg);color:var(--faq-accent)}.dark .theme-btn:hover{background:var(--faq-sidebar-active-bg);color:var(--faq-accent)}.signin-link{color:var(--faq-text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .14s}.signin-link:hover{color:var(--text)}.cta-button{color:#fff;background:var(--faq-accent);white-space:nowrap;border-radius:8px;padding:10px 22px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .16s;box-shadow:0 1px 3px #1b3fd433}.cta-button:hover{background:var(--faq-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #1b3fd459}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:background .15s;display:none}.hamburger-btn:hover{background:var(--faq-sidebar-hover-bg)}.dark .hamburger-btn:hover{background:var(--faq-sidebar-active-bg)}.hamburger-line{background:var(--faq-text-muted);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:transform .28s,opacity .28s,width .28s;display:block}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;width:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--faq-overlay-bg);z-index:999;opacity:0;flex-direction:column;padding:24px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .28s;display:none;position:fixed;inset:72px 0 0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{opacity:1;transform:translate(0)}.mobile-nav-links{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-nav-link{color:var(--faq-text);letter-spacing:.01em;border-radius:10px;align-items:center;padding:14px 16px;font-size:17px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--blue);background:#1b3fd414}.mobile-nav-link.active{color:var(--blue);background:#1b3fd40f}.mobile-free-tools{color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:14px 16px;font-size:17px;font-weight:500;display:flex}.mobile-divider{background:var(--border);height:1px;margin:12px 0}.mobile-actions{flex-direction:column;gap:12px;padding-top:8px;display:flex}.mobile-signin-link{color:var(--text);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:12px 22px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-signin-link:hover{background:#1b3fd40d}.dark .mobile-signin-link:hover{background:#2b6fff1a}.mobile-cta-button{color:#fff;background:var(--blue);border-radius:8px;justify-content:center;align-items:center;padding:13px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:all .16s;display:flex;box-shadow:0 1px 3px #1b3fd433}.mobile-cta-button:hover{background:var(--blue-hover);box-shadow:0 4px 14px #1b3fd459}body.menu-open{overflow:hidden}@media (min-width:1200px){.navbar-container{padding:0 40px}.nav-links-desktop{gap:36px}.right-section{gap:24px}}@media (max-width:1024px) and (min-width:769px){.navbar-container{padding:0 20px}.nav-links-desktop{gap:20px}.nav-link,.free-tools{font-size:14px}.right-section{gap:14px}.cta-button{padding:9px 16px;font-size:13.5px}.signin-link{font-size:14px}}@media (max-width:768px){.nav-links-desktop,.signin-link,.cta-button{display:none}.hamburger-btn,.mobile-menu{display:flex}.right-section{gap:8px}.navbar-container{padding:0 16px}}@media (max-width:480px){.navbar-inner{height:64px}.mobile-menu{padding:20px 16px;top:64px}.domain{font-size:18px}.logo-image{height:32px}.mobile-nav-link{padding:12px 14px;font-size:16px}}@media (max-width:360px){.domain{font-size:16px}.logo-image{height:28px}.hamburger-btn{width:36px;height:36px}}
