.top-nav{--nav-bg:#000;--nav-text:#fff;--nav-border:#ffffff0d;--nav-btn-bg:#e0e0e0;--nav-btn-text:#000;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-sizing:border-box;z-index:1000;width:100%;font-family:var(--font-sans,"Inter",sans-serif);justify-content:space-between;align-items:center;padding:10px 40px;transition:background-color .5s,border-color .5s;display:flex;position:fixed;top:0;left:0}.top-nav.light-theme{--nav-bg:#fff;--nav-text:#1d1d1f;--nav-border:#0000000d;--nav-btn-bg:#1d1d1f;--nav-btn-text:#fff}.top-nav .nav-left{align-items:center;gap:30px;display:flex}.top-nav .nav-logo{width:auto;height:24px;margin-right:20px}.top-nav .nav-links{gap:30px;display:flex}.top-nav .nav-links a{color:var(--nav-text);letter-spacing:.2px;align-items:center;gap:4px;font-size:15px;font-weight:400;text-decoration:none;transition:opacity .2s,color .5s;display:flex}.top-nav .nav-links a:hover{opacity:.7}.top-nav .nav-right{align-items:center;gap:15px;display:flex}.top-nav .mobile-menu-btn{color:var(--nav-text);cursor:pointer;background:0 0;border:none;padding:5px;transition:opacity .2s;display:none}.top-nav .mobile-menu-btn:hover{opacity:.7}.top-nav .theme-toggle-btn{width:36px;height:36px;color:var(--nav-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s,color .5s;display:flex}.top-nav .theme-toggle-btn:hover{opacity:.7}.top-nav .nav-login-btn{background-color:var(--nav-btn-bg);color:var(--nav-btn-text);text-align:center;cursor:pointer;border:none;border-radius:9999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .5s,color .5s,opacity .2s,transform .2s;display:inline-block}.top-nav .nav-login-btn:hover{opacity:.8;transform:translateY(-1px)}@media (max-width:768px){.top-nav{padding:15px 20px}.top-nav .nav-left{gap:0}.top-nav .nav-logo{height:24px}.top-nav .nav-links{background-color:var(--nav-bg);box-sizing:border-box;flex-direction:column;width:100%;padding:20px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #0003}.top-nav .nav-links.mobile-active{display:flex}.top-nav .nav-links a{padding:10px 0;font-size:18px}.top-nav .mobile-menu-btn{display:block}}