:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#eff6ff;--navy:#0f172a;--white:#fff;--text-main:#1e293b;--text-muted:#64748b;--bg-subtle:#f8fafc;--border-light:#e2e8f099;--radius-lg:12px}.navbar{z-index:9999;-webkit-backdrop-filter:blur(15px)saturate(180%);background:#fffffffa;border-bottom:1px solid #0000000f;padding:0 24px;transition:all .3s;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;height:72px;margin:0 auto;display:flex;position:relative}.logo{align-items:center;gap:10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.logo:hover{transform:translateY(-1px)}.logo-icon{-o-object-fit:contain;object-fit:contain;width:42px;height:42px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.logo:hover .logo-icon{transform:scale(1.1)rotate(-5deg)}.logo-text{flex-direction:column;display:flex}.logo-name{color:var(--navy);letter-spacing:-.03em;font-size:1.25rem;font-weight:800;line-height:1}.logo-highlight{color:var(--blue)}.logo-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.65rem;font-weight:700}.nav-links{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.desktop-nav{display:none!important}@media (min-width:1024px){.desktop-nav{display:flex!important}}.nav-link{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:4px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--blue);background:#2563eb0f}.nav-link.active{background:var(--blue-light);color:var(--blue)}.nav-dropdown{position:static}@media (max-width:1023px){.nav-dropdown{position:relative}}@media (min-width:1024px){.nav-dropdown.about-dropdown{position:relative}.nav-dropdown.about-dropdown .about-dropdown-menu{width:200px;padding:16px;left:50%;transform:translate(-50%)translateY(15px)}}.dropdown-menu{opacity:0;visibility:hidden;z-index:10000;pointer-events:none;background:#fff;border:1px solid #00000008;border-radius:32px;width:min(1260px,95vw);padding:32px 48px;transition:all .4s cubic-bezier(.23,1,.32,1) .15s;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(15px);box-shadow:0 10px 40px -10px #0000000d,0 50px 100px -20px #0000001f,0 30px 60px -30px #00000026}.dropdown-menu:before{content:"";background:0 0;width:100%;height:30px;position:absolute;top:-30px;left:0}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)translateY(0)}.dropdown-grid{grid-template-columns:repeat(7,1fr);gap:32px;width:100%;display:grid}.dropdown-category{grid-column:span 1}.category-title{text-transform:uppercase;color:#94a3b8;letter-spacing:.08em;margin-bottom:16px;font-size:.725rem;font-weight:800;display:block}.category-tools{flex-direction:column;gap:8px;display:flex}.tool-link{color:#475569;padding:2px 0;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.tool-link:hover{color:var(--blue);transform:translate(4px)}.nav-btn{background:var(--blue);color:var(--white);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.nav-btn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.mobile-menu-btn{border:1px solid var(--border-light);background:var(--white);width:40px;height:40px;color:var(--navy);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-menu-btn:hover{background:var(--bg-subtle);border-color:var(--blue);color:var(--blue)}@media (min-width:1024px){.mobile-menu-btn{display:none}}@media (max-width:1024px){.desktop-nav{display:none!important}}@keyframes mobileMenuEnter{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-menu{z-index:9999;background-color:#fff;flex-direction:column;animation:.28s ease-out both mobileMenuEnter;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:72px;padding:16px 20px;display:flex}.mobile-close-btn{color:var(--navy);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-menu-content{flex:1;padding:20px 0}.mobile-link{color:var(--navy);text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:auto;margin:4px 12px;padding:14px 24px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-link:hover,.mobile-link:active,.mobile-link.active{background:var(--bg-subtle);color:var(--blue)}.mobile-dropdown{width:100%}.mobile-link.expanded{color:var(--blue)}.mobile-tools{background:#f8fafc;border-radius:12px;margin:0 12px 12px;padding:8px;overflow:hidden}.mobile-category-group{margin-bottom:20px}.mobile-category-group:last-child{margin-bottom:8px}.mobile-category-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:12px 16px 6px;font-size:.7rem;font-weight:800;display:block}.mobile-tool-link{color:var(--text-main);border-radius:10px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s;display:block}.mobile-tool-link:hover,.mobile-tool-link:active{color:var(--blue);background:#2563eb0d}.mobile-menu-cta{margin-top:auto;padding:24px}.mobile-cta-btn{text-align:center;width:100%;padding:16px;font-size:1.1rem;font-weight:700;display:block;box-shadow:0 10px 20px -5px #2563eb4d}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar{animation:.5s both navFadeIn}
.footer{background:var(--navy);color:#fff9;padding:60px 24px 28px}.footer-inner{max-width:1160px;margin:0 auto}.footer-top{border-bottom:1px solid #ffffff14;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:40px;margin-bottom:40px;padding-bottom:40px;display:grid}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;display:flex}.footer-logo-icon{-o-object-fit:contain;object-fit:contain;width:44px;height:44px;filter:brightness(0)invert()!important;opacity:1!important}.footer-logo-text{flex-direction:column;gap:2px;display:flex}.footer-logo-name{letter-spacing:-.02em;font-size:1.2rem;font-weight:800;line-height:1;color:#fff!important}.footer-logo-highlight{font-weight:700;color:#fff!important;opacity:1!important}.footer-desc{color:#c8c8c8;margin-bottom:20px;font-size:13.5px;line-height:1.75}.footer-social{align-items:center;gap:12px;display:flex}.footer-social-link{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s;display:flex}.footer-social-link:hover{color:#7ab4ff;background:#7ab4ff26;border-color:#7ab4ff4d;transform:translateY(-2px)}.footer-social-icon{width:20px;height:20px}.footer-title{text-transform:uppercase;letter-spacing:.12em;color:#e2e2e2;margin-bottom:16px;font-size:11px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-link{color:#ffffff8c;font-size:13.5px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#7ab4ff}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.footer-copyright{color:silver}.footer-legal{gap:20px;display:flex}.footer-legal-link{color:#bebebe;font-size:12.5px;text-decoration:none;transition:color .2s}.footer-legal-link:hover{color:#fff}@media (max-width:960px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:640px){.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-logo-icon{width:44px;height:44px}.footer-logo-name{font-size:1.1rem}}@media (max-width:480px){.footer-logo-icon{width:40px;height:40px}.footer-logo-name{font-size:1rem}}